2

我正在尝试使用 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>
4

1 回答 1

1

我做了几个快速测试，如果删除该poster属性，问题似乎就消失了。这对您应该仍然有效，因为浏览器将在可用时立即显示第一个视频帧，并且第一帧与您使用的海报相同。

不过，我不知道为什么会这样。

其他几点注意事项：

  • autoplay是一个布尔属性，所以它应该是autoplay独立的，或者autoplay="autoplay"不是autoplay="true"
  • 这些视频是非常大的文件，可供用户下载。您可能需要考虑尝试缩小它们。
于 2013-03-14T02:37:29.610 回答