在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>

在此先感谢

来源

2012-02-03 user1187405

尝试将'video'元素的高度和宽度设置为视频的实际视频和高度？ – 2012-02-03 12:19:54

感谢您的回复，但我希望视频采用100％宽度的浏览器。 – user1187405 2012-02-03 12:28:10

然后修改高度以适当调整以缩放到浏览器窗口的宽度。 – gengkev 2012-02-04 22:07:25

看看包含视频标签的标签的尺寸和/或CSS。这可能是一个分区。我有一个身高：100％。一旦我删除它，它解决了这个问题。

希望它有帮助。

来源

2012-02-07 14:35:06 Shadowxvii

-1

实际视频中是否有黑条？我的解决方案是在16/9 iframe页面中播放视频并调整顶部（..- px），左侧（..- px），高度（..％）（OR宽度％），直到它们在外部超标度。 fullscreen-bg .css

来源

2016-09-26 22:53:25 user6884687

.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

在Chrome和Safari浏览器中删除html5视频顶部和底部的黑色条纹

回答

相关问题