jquery - 在页面上单击另一个视频时暂停 jquery jPlayer

Question

我在所有页面（jPlayer）上都播放了背景音乐，当在帖子或页面或侧边栏上单击/播放另一个嵌入视频时，我需要暂停它，尽管此代码似乎不起作用：

<script>
//pauses jplayer
var selectors = [
        "iframe[src^='http://player.vimeo.com']", 
        "iframe[src^='http://www.youtube.com']", 
        "iframe[src^='https://www.youtube.com']", 
        "iframe[src^='http://www.kickstarter.com']", 
        "object", 
        "embed"
      ];
  $selectors.click(function() {
  $.jPlayer.pause();
});
</script>

有什么问题？

Answer 1

$(function() {
    // Find all videos
    var selectors = [
        "iframe[src^='http://player.vimeo.com']", 
        "iframe[src^='http://www.youtube.com']", 
        "iframe[src^='https://www.youtube.com']", 
        "iframe[src^='http://www.kickstarter.com']", 
        "object", 
        "embed"
      ];
        // The element that is fluid width
    var $allVideos = $(this).find(selectors.join(','));
    // Figure out and save aspect ratio for each video
        $allVideos.hover(function(){
            $.jPlayer.pause(); 
        });
});

适用于悬停 - 对于不同的播放器 API，点击很复杂