在Chrome和Safari浏览器中删除html5视频顶部和底部的黑色条纹
问题描述:
我正在使用html5视频。在FireFox中,它运行良好,但在Chrome和Safari浏览器中,它显示出一个厚厚的黑色条形顶部和底部。如何摆脱这个酒吧?在Chrome和Safari浏览器中删除html5视频顶部和底部的黑色条纹
代码,
<video autoplay loop="loop" onended="this.play()" width="100%">
<source src="videos/video.mp4" type="video/mp4"/>
<source src="videos/video.webm" type="video/webm" />
</video>
在此先感谢
答
看看包含视频标签的标签的尺寸和/或CSS。这可能是一个分区。我有一个身高:100%。一旦我删除它,它解决了这个问题。
希望它有帮助。
答
实际视频中是否有黑条?我的解决方案是在16/9 iframe页面中播放视频并调整顶部(..- px),左侧(..- px),高度(..%)(OR宽度%),直到它们在外部超标度。 fullscreen-bg .css
+0
.fullscreen-bg {position}:fixed; top:0; right:0; bottom:0; left:0; 溢出:隐藏; z-index:-100; } .fullscreen-bg__video { position:absolute; top:-10px; left:-220px; 宽度:142%; 身高:; } – user6884687 2016-09-26 23:00:18
尝试将'video'元素的高度和宽度设置为视频的实际视频和高度? – 2012-02-03 12:19:54
感谢您的回复,但我希望视频采用100%宽度的浏览器。 – user1187405 2012-02-03 12:28:10
然后修改高度以适当调整以缩放到浏览器窗口的宽度。 – gengkev 2012-02-04 22:07:25