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