html5-video - 使用 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。

谢谢各位！艾略特

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" });
    });
});