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

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

你需要删除loop="loop"。

video.addEventListener('ended', function() { 
   this.currentTime = 100; 
}, false);

将100替换为视频的结束时间。

Answer 2

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