使用Video.Js链接HTML5视频

Question

我正在寻找一些代码，使我可以在一个视频播放完毕后自动启动另一个视频。

我正在使用很棒的video.js库，它有一个相当完整的API。我发现了一些片段，可以在第一个视频结束时启用事件监听器，但是我无法启动第二个视频。

这段代码可以工作，在第一个视频结束时显示一个警报：

_V_("intro").ready(function(){
this.addEvent("ended", function(){
    alert('foo');
});
});

同时这也可以实现，在页面重新加载时全屏播放视频：

_V_("leader").ready(function(){
var leader = this;
leader.requestFullScreen();
leader.play();
});

但我无法让第二个视频在第一个视频结束时全屏启动...

最后一个细节，我想完全使用JavaScript构建第二个视频，而不必编写它，并只使用CSS隐藏其ID。

谢谢大家！ Elliot

- elliot

Answer 1

如果您想在第一个视频完成后立即播放第二个视频，可以在Video.js API中简单使用提供的“src”方法，方法如下：

_V_("intro").ready(function(){
    this.addEvent("ended", function(){
        this.src({ type: "video/mp4", src: "http://path/to/second/video.mp4" });
    });
});

- jmserra

---

这可能是最简单和最直接的方法。我目前正在为video.js编写一个播放列表类扩展，具有此功能，但发布需要一些时间，因为首先是为我的雇主服务。 - tastybytes

你可以使用video.js的方法“on”来替代this.addEvent。 - tastybytes