Question

我使用video.js来播放我的HTML5视频。我知道在同一个html页面中有多个播放器实例。我使用jQuery显示/隐藏包含其中一个实例的div：

$('.menulink').click(function ShowDivs() {
    var divname= this.name;
    $("#"+divname).show().siblings().hide();    
});

结果是当您显示/隐藏div时，视频会继续播放。我想在我的功能中添加一条规则，以便播放器的所有实例在您切换到下一个视频时停止播放视频。这可能吗？所有实例都具有相同的ID。

我在API文档中发现使用myPlayer.pause（）; 但我似乎无法弄清楚究竟是怎么回事。

任何？

Answer 1

尝试使用：

$('.menulink').click(function ShowDivs() {
    var divname= this.name;
    $("#"+divname).show().siblings().hide().each(function () { _V_($(this).children('video').attr('id')).pause(); };    
});

编辑：或者更可能是：

$('.menulink').click(function ShowDivs() {
    var divname= this.name;
    $("#"+divname).show().siblings().hide().each(function () { _V_(this).pause(); };
});

多个video.js实例 - 停止所有播放实例

1 个答案: