Question

我在页面上显示了反映不同YouTube视频的“TAB”。我使用Iframe API加载视频点播。除IE 8外，所有浏览器都能正常工作[我们的页面是HTML 5]。它开始提供未指定的错误，如此处提到[第49行的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视频。

Answer 1

好的，我在StackOverFlow中找到了解决方案，在删除它之前隐藏了iframe，所以它现在很棒!!!

YouTube iFrame API：效果问题

1 个答案: