我正在尝试使用html5视频标记。它在safari和firefox上工作正常,但在chrome上,屏幕闪烁并变为空白。但是,如果我调整浏览器窗口的大小,视频会再次出现。我已将代码放在测试页面上,也包括在下面。
http://www.bilalallawala.com/test.html
任何帮助将不胜感激
<video poster="https://s3.amazonaws.com/bilalallawala/resources/video/cover.jpg" preload="auto" autoplay="true" style="background-size:cover;width:100%;height:auto;position:fixed;left:0;">
<source src="https://s3.amazonaws.com/bilalallawala/resources/video/tl16x9.ogg" type="video/ogg">
<source src="https://s3.amazonaws.com/bilalallawala/resources/video/tl16x9.mp4" type="video/mp4">
</video>
答案 0 :(得分:1)
我做了几次快速测试,如果删除poster
属性,问题就会消失。这仍然适用于您,因为浏览器会在第一个视频帧可用时立即显示,第一帧与您正在使用的海报相同。
我不知道为什么这种情况正在发生。
其他一些说明:
autoplay
是一个布尔属性,因此它应该是autoplay
,或autoplay="autoplay"
,而不是autoplay="true"