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。

请在此处查看更新的小提琴：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();
                }
            });
        });

    });
});