在最后一帧停止完整的背景视频

Question

我想在最后一帧停止完整的背景视频，这样它看起来就像海报图像。

这是我的 html 字符串：

      <video class="video" preload="true" autoplay="autoplay" loop="loop" muted>
          <source src="C:/Users/Paolo/Desktop/site/video/yo.webm" type="video/webm">
      </video>

我是新手，所以我有点菜鸟：P

Answer 1

<video id="video" preload="true" autoplay="autoplay" loop="loop" muted>
    <source src="C:/Users/Paolo/Desktop/site/video/yo.webm" type="video/webm">
</video>

在最后一毫秒停下来是很困难的。不过，您可以在视频结束前暂停视频。

var videoEl = targetYourVideoElementSomehow;
    
videoEl.addEventListener("timeupdate", function () {
    console.log('checking time...');
    if (videoEl.currentTime > videoEl.duration - 0.5) {
        // 0.5 is seconds before end.
        videoEl.pause();
    }
});

请注意，第一次检查videoEl.duration可能会告诉您NaN，因为视频尚未加载足够的信息，无法提供视频的完整持续时间。