播放第二个视频，同时第一个视频达到一半

Question

我需要一些代码或登录才能解决我的问题。 我可以设计HTML5视频播放器，但问题是使用第二个广告视频。我需要的是： 用户将点击列表中的任何视频。 HTML5视频播放器将开始播放。当用户到达视频中间时，第一个视频将暂停，第二个广告视频将开始播放。一旦广告视频完成，播放器将继续播放第一个视频。

它必须与safari一起使用。

Answer 1

您可以通过currentTime和HTML属性的持续时间捕获视频的中间部分。 您可以通过暂停功能暂停视频，并使用其他视频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);