2017-02-21 66 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); 
相关问题