是否可以跨浏览器设置浏览器本机视频的控件样式,例如来自 HTML5 视频标记的视频?
我不明白这是否可能,除了本文 http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/但它似乎使用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>
这是一个设置原生播放器控件样式的好例子(刚刚在 Chrome 中测试过):https://codepen.io/BainjaminLafalize/pen/GiJwn https://codepen.io/BainjaminLafalize/pen/GiJwn
要更改播放器控制栏的宽度:
video::-webkit-media-controls-panel {
width: 40px;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)