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

// By Chris Coyier & tweaked by Mathias Bynens
$(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.each(function() {
var $this = $(this);
$(this).hover(function(){
        $("#bgaudio").jPlayer("pause");
    },function(){
        $("#bgaudio").jPlayer("play");
    });
});
});

「クリック」は、さまざまなビデオプロバイダーにとって複雑です。「ホバー」は、クロムを除くすべてのブラウザーで機能します。アイデアはありますか?

Answer 2

に変更$selectorsし$(selectors)ます。