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

    });
});