2016-11-16 1 views
1

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

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

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

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

document.addEventListener ("DOMContentLoaded", функция() {

 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> 

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

+0

Рад мой ответ может помочь мергелю как решение, если оно фиксируется ваша проблема –

+1

Я проверил ACCEPTENCE вашего ответа. Не могу отметить его как полезный, так как у меня меньше 15 репутации. –

ответ

1

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

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

Спасибо! Пока это выглядит хорошо, никаких проблем не обнаружено и фактически работает, как я хотел. –

Смежные вопросы