첫 번째 비디오가 절반에 도달하는 동안 두 번째 비디오 재생

Question

일부 코드가 필요하거나 로그인하여 문제를 해결할 수 있습니다. HTML5 동영상 플레이어를 디자인 할 수 있지만 문제는 두 번째 광고 동영상입니다. 내가 필요로하는 것은 : 사용자는 상장 목록에서 어떤 비디오를 클릭 할 것이다. HTML5 동영상 플레이어가 재생을 시작합니다. 사용자가 동영상 중간에 도달하면 첫 번째 동영상이 일시 중지되고 두 번째 광고 동영상이 재생됩니다. 그리고 광고 비디오가 완성되면 플레이어는 첫 번째 비디오를 계속 진행합니다.

사파리와 함께 작동해야합니다.

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);