如何正確使用SWFObject

Question

我正在使用SWFObject將YouTube視頻嵌入到我們的網站中。有許多視頻鏈接在一個頁面，每一個環節清除包裝格，然後加載一個新的內嵌進去，與此代碼：

$('a.video-link').each(function() { 
    $(this).on('click', function(e) { 
     e.preventDefault(); 

     if ($('#video-wrap').has('object').length == 0) { 
      var params = { allowScriptAccess: 'always', allowFullScreen: 'true' }; 
      var atts = { id: 'ytapiplayer' }; 
      swfobject.embedSWF($(this).attr('href'), 'ytapiplayer', '1000', '562', '8', null, null, params, atts); 
      $('#video-wrap').show(); 
     } else { 
      $('#video-wrap').find('object').remove(); 
      $(this).trigger('click'); 
     } 
    }); 
}); 

這是我使用的每一個嵌入Youtube的鏈接：

http://www.youtube.com/v/{Youtube ID}?hl=en_US&rel=0&hd=1&border=0&version=3&fs=1&autoplay=1&autohide=1&enablejsapi=1&playerapiid=ytapiplayer 

然後，這裏是onYouTubePlayerReady（）事件處理程序：

function onYouTubePlayerReady(id) { 
    console.log('youtube player is ready.'); 
    var ytplayer = document.getElementById('ytapiplayer'); 
    ytplayer.addEventListener('onStateChange', 'onYouTubePlayerStateChange'); 
    ytplayer.addEventListener('onError', 'onYouTubePlayerError'); 
} 

所有視頻加載罰款，但是onYouTubePlayerReady永遠不會打了！

從 here和 here但沒有

我試圖解決方案的工作:(

請幫我解決這個問題。的最終目標是讓YouTube API在工作。

感謝。

編輯：我試圖玩的代碼，確保所有名稱都正確，分開成不同的腳本標記和/或.js文件，加載它在開始，在document.ready（）內，仍然，onYouTubePlayerReady是沒有t發射。 你覺得呢？

Answer 1

這裏是工作代碼：

每個視頻鏈路上執行的SWFObject：

$('a.video-link').on('click', function(e) { 
    e.preventDefault(); 
    // SWFObjects loads a video object into div with ID ytapiplayer. 
    // If the wrapper div already contains a video we need to remove it first: 
    if ($('#video-wrap').has('object').length == 0) { 
     var params = { allowScriptAccess: 'always', allowFullScreen: 'true' }; 
     var atts = { id: 'ytapiplayer' }; 
     swfobject.embedSWF($(this).attr('href'), 'ytapiplayer', '1000', '562', '8', null, null, params, atts); 

     $('#video-wrap').show(); 
    } else { 
     $('#video-wrap').find('object').remove(); 
     $(this).trigger('click'); 
    } 
}); 

的YouTube鏈接與API值：SWFObject的事件處理程序

http://www.youtube.com/v/' + data.YoutubeLink + '?hl=en_US&rel=0&hd=1&border=0&version=3&fs=1&autoplay=1&autohide=1&enablejsapi=1&playerapiid=ytapiplayer 

而且我把這段代碼放在一個單獨的.js文件中，在執行SWFObject的代碼之前加載。我不知道這是否是必要的，但它的工作呢：

function onYouTubePlayerReady(id) { 
    // We need the actual DOM element for this, if we want to use more advanced API. 
    // This is because addEventListener activates the API. 
    var ytplayer = $('#ytapiplayer').get(0); 
    ytplayer.addEventListener('onStateChange', 'onYouTubePlayerStateChange'); // onYouTubePlayerStateChange(newState) 
    ytplayer.addEventListener('onError', 'onYouTubePlayerError'); // onYouTubePlayerError(errorCode) 
}