2017-02-21 64 views
0

我需要一些代碼或登錄使用我可以解決我的問題。 我可以設計HTML5視頻播放器,但問題在於第二個廣告視頻。我需要的是: 用戶將點擊列表中的任何視頻。 HTML5視頻播放器將開始播放它。當用戶到達視頻中間時,第一個視頻將暫停,第二個廣告視頻將開始播放。一旦廣告視頻完成,播放器將繼續播放第一個視頻。播放第二個視頻,而第一個視頻達到一半

它必須與Safari瀏覽器一起使用。

回答

0

您可以通過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); 
相關問題