2016-11-16 15 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

ありがとう!これまでのところ、私は望んでいたように、問題は検出されず、実際にはうまくいきました。 –

関連する問題