Может ли popcorn.js обнаружить переключение видео и продолжить без перезапуска?

Question

Я делаю интерактивное видео, и я только начал использовать popcorn.js. У меня есть видео, и в определенный момент видео у меня есть 2 кнопки, которые ведут к другому видео. Моя проблема в том, что весь текст, который я создал, чтобы всплыть в определенное время в первом видео, всплывает и в других.

Вот первое видео:

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

Вот часть попкорна:

document.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>

Я ищу ответ, если есть какое-то решение, попкорн мог бы обнаружить, что переключение источника видео не означает, что нужно начинать все сначала.

Answer 1

Попробуйте записать время перед загрузкой видео, а затем настройте перед воспроизведением:

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