我使用video.js
播放HTML5视频,我添加了事件监听器,用于检测视频何时结束。当视频结束时,我正在尝试播放下一个视频。它适用于除Chrome和Safari之外的其他浏览器。在他们两个中,第一个视频正在播放,但第二个视频不播放。
以下是我的代码:
<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>
注意:我在所有浏览器中收到提醒,但第二个视频未在Safari和Chrome中播放。