Youtube 嵌入延迟解析答案

【问题标题】：Youtube embed defer parsingYoutube 嵌入延迟解析
【发布时间】：2012-11-24 08:19:24
【问题描述】：

我的 Mediawiki 上有一些嵌入式 youtube 播放列表。

我做了一些速度测试 webpagetest 在我的网站上，它建议我推迟解析它们的 Javascript。

他们说“JavaScript 在初始页面加载期间被解析。推迟解析 JavaScript 以减少页面呈现的阻塞。”

他们说像this 这样的东西有问题。

如何将 youtube 视频嵌入到 Mediawiki，同时将其 Javascript 解析推迟到初始页面加载？

【问题讨论】：

标签： javascript performance youtube

【解决方案1】：

只需使用 jQuery 插入嵌入代码。

首先为视频创建一个包装器/容器

<div id="yt-wrapper"></div>

然后将嵌入代码插入到包装器中

$('<iframe width="460" height="234" src="http://www.youtube.com/embed/dQw4w9WgXcQ?rel=0" frameborder="0" allowfullscreen></iframe>').appendTo('#yt-wrapper');

【讨论】：