1

HTML5ビデオの再生に使用video.jsしており、ビデオがいつ終了するかを検出するためのイベントリスナーを追加しました。ビデオが終了したら、次のビデオを再生しようとしています。ChromeとSafariを除く他のブラウザで正常に動作しています。どちらの場合も、最初のビデオが再生されていますが、2番目のビデオは再生されていません。以下は私のコードです:

<video id="home_video" class="video-js vjs-default-skin" 
  controls preload="none" width="640" height="264">
  <source src="latest.mp4" type='video/mp4'/>
  <source src="latest.ogv" type='video/ogg'/>
</video>
<script>
  var homePlayer = _V_("home_video");
  var myFunc = function () {
    var myPlayer = _V_("home_video");
    // Do something when the event is fired
    alert("hi");
    myPlayer.src([
      { type: "video/mp4", src: "latest1.mp4" }, 
      { type: video/ogg", src: "latest1.ogv" }]);
    myPlayer.play();
  };
  homePlayer.addEvent("ended", myFunc);
</script>

注:すべてのブラウザーでアラートが表示されますが、2番目のビデオがSafariとChromeで再生されていません。

4

0 に答える 0