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

用Video.Js链接html5视频

1 个答案: