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で再生されていません。