javascript - Youtube 嵌入延迟解析

标签 javascript performance youtube

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

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

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

他们说了类似 this 的事情是问题。

如何将 YouTube 视频嵌入到 Mediawiki,同时将解析它们的 Javascript 推迟到初始页面加载?

最佳答案

只需使用 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');

关于javascript - Youtube 嵌入延迟解析,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13539557/

相关文章:

javascript - 适用于移动设备上所有视频文件的 Phonegap/Cordova 视频播放器

javascript - 从 Enum 获取字符串以形成 Laravel 5.3

excel - 在vba中寻找更有效的算法来评估指数增长的组合问题

javascript - Youtube 使用 "default"作为对象属性的名称

api - 如何跟踪用户在YouTube Player API中观看视频花了多少时间

ios - ionic2 - 在 iOS v10 中嵌入没有声音的 youtube 视频播放

javascript - document.referrer if 语句不起作用

javascript - 元素无法在更大的屏幕上正确显示

mysql - 在 TEXT 数据类型 mysql 中连接一个字符串

ios - iOS 上的 SQLite : performance and restrictions