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

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，因为视频没有加载足够的信息来为您提供视频的完整持续时间。