VideoJS - 播放视频时，暂停所有其他视频

Question

我创建了一个 jsfiddle (http://jsfiddle.net/Lz3vkwmw/)。我播放第一个视频，然后当我播放第二个视频时，第一个视频应该暂停。我不确定我错过了什么？任何帮助将不胜感激！

 $(".video-js").each(function (videoIndex) {
    var videoId = $(this).attr("id");

    _V_(videoId).ready(function(){
        this.on("play", function(e) {
            //pause other video
            $(".video-js").each(function (index) {
                if (videoIndex !== index) {
                    this.player.pause();
                }
            });
        });

    });
});

Answer 1

这是因为两个原因：

1. 您没有包含 videojs 框架的 javascript 文件。
2. 您正在尝试将已弃用的旧版本与 _V_ 一起使用。最新的使用videojs.

请在此处查看更新后的 fiddle：http://jsfiddle.net/Lz3vkwmw/1/

供您参考，代码在这里：

$(".video-js").each(function (videoIndex) {

    var videoId = $(this).attr("id");

    videojs(videoId).ready(function(){
        this.on("play", function(e) {
            //pause other video
            $(".video-js").each(function (index) {
                if (videoIndex !== index) {
                    this.player.pause();
                }
            });
        });

    });
});