0

お立ち寄りいただきありがとうございます。ビデオクリップを循環するページを作成しています。循環部分 (run() 関数) は問題なく動作します。特定のビデオ クリップを再生するためのボタンもいくつか作成しましたが、これらは機能しません。最初のボタンの関数しか書いていません。最初のボタンが機能するようになったら、他の 2 つの関数を書きます。

大変感謝しております。

ありがとう、トミー

<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>
4

1 に答える 1

0

コードを次のように構成することをお勧めします。

<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>
于 2013-10-20T16:12:04.573 に答える