YouTube iFrame API：效果問題

我在頁面上顯示「TAB」，以反映不同的YouTube視頻。我使用Iframe API來加載視頻點播。除IE 8以外的所有瀏覽器都可以正常工作[我們的頁面是HTML 5]。它開始提供未指定的錯誤，這裏提到[第49行的YouTube iframe API錯誤，然後我意識到更改我的「刪除」視頻代碼，問題就解決了。YouTube iFrame API：效果問題

但現在當用戶點擊TAB時，它首先使整個屏幕變爲空白，然後渲染視頻，幾秒鐘後購買完整頁面。因爲它只是用Javascript來改變，並把新的DIV與ID和新玩家，它不應該發生這樣的事情。坦率地說，新的頁面加載速度比刪除和在頁面中放置新的Youtube視頻要快。

有關如何提高性能的任何想法？

function AddVideo(videoid,playerid){ 
    if(player != undefined) { 
     stopVideo(); 
     player.destroy(); 
    } 
    jQuery("#player").remove(); 
jQuery("." + playerid).html('<div id="player"></div>'); 
player = new YT.Player('player', { 
    height: '360', 
    width: '623', 
    videoId: videoid, 
    events: { 
    'onReady': onPlayerReady, 
    'onStateChange': onPlayerStateChange 
    } 
}); 
}

以上是我的JS代碼，它刪除並放回播放器。 HTML之後是帶有Data-youtube和父DIV引用的標籤，我在其中添加「player」div，然後添加iframe youtube視頻。

來源

2013-02-19 Sumit Gupta

不只是性能，有時它甚至不顯示完整的頁面，但只有視頻播放器。任何想法？ – 2013-02-19 06:47:57