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

Question

我正在使用html5视频。在FireFox中，它运行良好，但在chrome和safari中，它的顶部和底部显示为黑色粗条。如何摆脱这种酒吧？

代码，

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

提前致谢

Answer 1

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

希望能帮助到你。

Answer 2

对我来说，是的line-height。line-height: 0对父元素的设置修复了该问题。