Javascript和HTML5 - 按鈕播放下一個視頻不能正常工作

Question

謝謝你停下來。我正在創建一個頁面來循環播放視頻剪輯。通過部分循環（run（）函數）工作得很好。我還創建了幾個按鈕來播放特定的視頻片段，但這些都不起作用。我只寫了第一個按鈕的功能，當我第一次工作時我會寫另外兩個按鈕。

任何幫助，如果非常感謝。

感謝， 湯米

<video id="tutorials" autoplay onended="run()" 
    autobuffer="true" width="600px" height="350px" controls> 
<source src="video1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
</video> 

<br> 
<br> 

<button id="tut1">Play Tutorial 1</button> 
<button id="tut2">Play Tutorial 2</button> 
<button id="tut3">Play Tutorial 3</button> 

<script type="text/javascript"> 

    video_count =1; 
    videoPlayer = document.getElementById("tutorials"); 

    function run() 
    { 
     video_count++; 
     if (video_count == 4) return; 
     var nextVideo = "video"+video_count+".mp4"; 
     videoPlayer.src = nextVideo; 
     videoPlayer.play(); 
    }; 

    document.getElementByID("tut1").onclick = function() 
    { 
     videoPlayer.stop(); 
     videocount = 1; 
     var video = "video1.mp4"; 
     videoPlayer.src = video; 
     videoPlayer.play(); 
    } 

</script> 

Answer 1

我寧願結構中的代碼是這樣的：

<script type="text/javascript"> 

    video_count =1; 
    videoPlayer = document.getElementById("tutorials"); 

    function runNext() 
    { 
    runVideo(video_count+1); 
    } 

    function runVideo(number) 
    { 
    if (number > 3) return; 
    video_count = number; 
    videoPlayer.src = "video"+video_count+".mp4"; 
    videoPlayer.play(); 
    } 

</script> 

HTML：

<button id="tut1" onclick="runVideo(1);">Play Tutorial 1</button> 
<button id="tut2" onclick="runVideo(2);">Play Tutorial 2</button> 
<button id="tut3" onclick="runVideo(3);">Play Tutorial 3</button>