javascript - 暂停 JW 播放器？

Question

我有三个标签。

每个选项卡在 slider 中有两个视频。问题是当我切换任何标签或单击任何单个视频时，所有其他视频都应该暂停。

我可以收集所有的 ID，然后循环使用 stop()。但是有没有其他方法更干净、更简单。？

jwplayer('video_pub').stop(); //for 1 video..how can i do for all videos?

Answer 1

除了使用 jwplayer().stop()，您还可以使用 jwplayer().pause()

为此，我更喜欢 jwplayer().play(false).

来源:Jwplayer API

逻辑

just get the parent video wrapper which have all tab (since each tab has two video)... find jwplayer whiich is currently being played and stop all other players.

pauseMedia : function(playingMediaId) {
        $('#parent_video_wrapper').find('.jwplayer, object').each(function(){
            currentMediaId =$(this).attr('id');
            if( jwplayer(this).getState() == "PLAYING" || jwplayer(this).getState() == "BUFFERING" ) {
                if(currentMediaId != playingMediaId){
                    jwplayer(this).play(false);
                }
            }
        });
}

now you can either use above function as pauseMedia() or pauseMedia(mediaId), Both will work

在视频设置中如果你这样使用它

jwplayer("video_"+videoId).setup({

events : {
onPlay : function (callback){
        var playingVideoId = 'video_'+videoId;
        pauseMedia(playingVideoId); 
       //pausing other simulatenously playing video in a tab

}
}
});

我认为上面的代码可以解决问题，试试吧