是否可以跨浏览器样式化浏览器原生视频的控件,例如来自 HTML5 视频标签的视频?
我不明白这是否可能,除了这篇文章,我找不到任何东西,但它似乎使用了 Javascript。
我想让控制栏适合视频宽度;正如您从所附图像中看到的那样,控制栏超出了视频宽度。
上图的 HTML
<div class="video centered-content">
<a class="circle-canvas close-video" href="javascript:void(0)" id="video-close" rel="tooltipTOP" data-original-title="close">X</a>
<video width="63%" height="60%" id="video" class="video" controls>
<source src="<?php echo base_static_url();?>media/video.mp4">
<source src="<?php echo base_static_url();?>media/video.ogv">
<source src="<?php echo base_static_url();?>media/video.webm">
</video>
</a>
</div>