popcorn.js可以检测切换视频，无需重启即可继续

Can popcorn.js detect switching videos and continue without restarting?

本文关键字：重启 继续 js 检测 popcorn 视频      更新时间：2023-09-26

我正在制作交互式视频，我刚刚开始使用popcorn.js我有一个视频，在视频的某一点上，我有两个按钮指向另一个视频。我的问题是，所有的文本，我已经创建弹出在某个时间在第一个视频弹出在其他以及。

这是第一个视频:

<video id="main-video" src="DSC_0010_1.mp4" video muted></video>

爆米花部分:

文档。addEventListener("DOMContentLoaded"， function () {

     var pop = Popcorn("#main-video");
     pop.footnote({
       start: 2,
       end: 15,
       text: "<br>Dobrodošel popotnik, <br> na kratko bi ti rad predstavil mesto Ptuj...",
       target: "video-text"
     });
     pop.play();
  }, false);

下面是切换到另一个视频的部分:

function vidSwap(vidURL) {
  var myVideo = document.getElementsByTagName('video')[0];
  myVideo.src = vidURL;
  myVideo.load();
  myVideo.play();
}

这是其中一个按钮:

<button class="gumb-podlaga" href="#" onClick="javascript:vidSwap('dominikanski-mesto.mp4'); return false;">Staro mestno jedro</button>

我在寻找一个答案，如果有任何一种解决方案，爆米花可以检测到切换视频源并不意味着一切重新开始。

尝试在加载视频前记录时间，然后在播放前设置:

function vidSwap(vidURL) {
  var myVideo = document.getElementsByTagName('video')[0];
  var currentTime = myVideo.currentTime;
  myVideo.src = vidURL;
  myVideo.load();
  myVideo.currentTime = currentTime;
  myVideo.play();
}
相关文章：