ビデオ再生ループ再生別のja

Question

ビデオを再生するには、定義された回数だけシームレスにループしてから、次のビデオにスキップし、定義された回数だけシームレスにループさせます。

1ページでは、再生するビデオと再生回数（繰り返し回数）を定義します。

$_SESSION["Exer[" .$x. "]"]

$_SESSION["Reps[" . $x. "]"]：これらは次のようにセッション変数を使用して保存されます。

私は現在、（PHPのもの）

この側面を無視してる私が独立して、ループ1とプレイリストを果たしているものを動作するコードを持っていますが、私はそれらの合併を管理するように見えることはできません一緒に機能を達成する。コードは以下のようにある：ループ実行のための

<video width="320" height="240" id="myVideo" autoplay="autoplay"> 
</video> 

はJavaScript

HTML：プレイリストの

<script> 
var iterations = 1; 

document.getElementById('iteration').innerText = iterations; 
document.getElementById('myVideo').src = "Video/01.mp4"; 
myVideo.addEventListener('ended', function() {  

    if (iterations < 3) {  

     this.currentTime = 0; 
     this.play(); 
     iterations ++; 

     document.getElementById('iteration').innerText = iterations; 

    } 

}, true); 
</script> 

：すべてのヘルプは高く評価され

<script> 
var videoSource = new Array(); 
videoSource[0] = "Video/01.mp4"; 
videoSource[1] = "Video/02.mp4"; 
videoSource[2] = "Video/03.mp4"; 
videoSource[3] = "Video/04.mp4"; 
var i = 0; // define i 
var videoCount = videoSource.length; 

function videoPlay(videoNum) { 
    document.getElementById("myVideo").setAttribute("src", videoSource [videoNum]); 
    document.getElementById("myVideo").load(); 
    document.getElementById("myVideo").play(); 
} 
document.getElementById('myVideo').addEventListener('ended', myHandler, false); 
videoPlay(0); // play the video 


function myHandler() { 
    i++; 
    if (i == (videoCount - 1)) { 
     i = 0; 
     videoPlay(i); 
    } else { 
     videoPlay(i); 
    } 
} 
</script> 

。

Answer 1

これを確認してください、このJavaスクリプト・コードは何回言及数のビデオを再生し、プレイリストに存在する場合は、次のビデオを再生します：

var eachVdoLoop = 2; 
var currentVdoLoop=0; 
var videoSource = new Array(); 
videoSource[0] = "http://www.sample-videos.com/video/mp4/240/big_buck_bunny_240p_1mb.mp4"; 
videoSource[1] = "https://www.w3schools.com/html/mov_bbb.mp4"; 
var videoCount = videoSource.length; 
var vdoIndex=0; 
document.getElementById('myVideo').addEventListener('ended', myHandler, false); 

nextVideo(); 


function myHandler() { 
    currentVdoLoop++; 
    if(currentVdoLoop < eachVdoLoop) 
    { 
      document.getElementById("myVideo").play();  
    } 
    else 
    { 
      vdoIndex++; 
      currentVdoLoop=0; 
      nextVideo(); 
    } 
} 

function nextVideo() { 
    if(vdoIndex == videoSource.length) 
    { 
     alert("Playlist ended!!!") 
     return; 
    } 
    document.getElementById("myVideo").setAttribute("src", videoSource[vdoIndex]);  
    document.getElementById("myVideo").play(); 
} 

作業jsfiddle（更新フィドル）