阻止 html5 个视频

Question

我在使用用作背景的视频时遇到问题 -- 它在 firefox 和 chrome 上工作正常，但是在 Safari 上加载和循环时，它会闪烁黑色片刻.

因为它在循环播放，所以它会在之后淡入的技巧不起作用。我不太确定是什么导致了这个问题。它使用的是正确加载的海报。该文件大约为 1.1mb。

有什么想法或解决方案吗？

<video id="HeroVideo2" class="width100" loop="true" autoplay="true" preload="none" poster="/assets/videoposter.jpg">
  <source src="/assets/hero.mp4" type="video/mp4">
  <source src="/assets/hero.webm" type="video/webm">
  <source src="/assets/her.ogv" type="video/ogg">
</video>

Answer 1

我发现问题与 Handbrake 中的编码有关。

我重新编码了视频并确保选中 "Web optimised" 选项，新视频在 Safari 中观看时不再有一两个背景帧。

阻止 html5 个视频

Prevent html5 video

html

safari

video