最初の動画が半分に達している間に2番目の動画を再生する

Question

コードを使用する必要がありますか、ログインして問題を解決できます。 HTML5ビデオプレーヤーを設計することはできますが、2番目の広告ビデオには問題があります。私が必要なのは： ユーザーはリストからビデオをクリックします。 HTML5動画プレーヤーで再生が開始されます。ユーザーが動画の途中に到達すると、最初の動画は一時停止し、2番目の広告動画が再生されます。そして、広告動画が完成すると、プレーヤーは最初の動画を続けます。

サファリで動作する必要があります。

Answer 1

HTMLプロパティのcurrentTimeと継続時間でビデオの中央をキャッチできます。 また、一時停止機能でビデオを一時停止し、別のビデオDOMを使用して広告ビデオを再生することもできます。

var delta = 0.05; 
setInterval(function(){ 
    if(video.currentTime >= video.duration*(0.5-delta) 
    && video.currentTime <= video.duration*(0.5+delta)) { 
    video.pause(); //pause current video 

    //play ad and resume video when ad end   
    } 
}, 1000);