解决方案是从 YouTube 获取静态“横幅”并显示它而不是嵌入视频。当用户单击视频播放按钮时,该视频开始播放。

这可以使用下面的 Javascript 代码来完成:

替代 YouTube 视频嵌入
标准的 YouTube 视频嵌入代码不仅通过下载额外的文件和多个请求来增加页面加载时间。页面上视频的尺寸也嵌入到代码中,使播放器无响应。

您可以用不同的方式在页面上嵌入视频

我们不会使用 iframe,而是使用 div 标签,我们不会指定大小,仅当用户点击视频播放按钮时才将 iframe 放置在页面上。

由于没有指定播放器的尺寸,它会占用整个父容器的宽度,高度会自动调整。如果您希望页面上有多个,您还可以插入多个具有不同视频 ID 的 div 标签。

接下来,将以下代码粘贴到您的页 新西兰手机号码列表 面模板中。它会找到所有这些嵌入的标签并将它们替换为视频缩略图。

请注意,iOS 和 Android 设备上的 Chrome 和 Safari 浏览器仅允许在用户操作时播放 HTML5 视频。它们会阻止嵌入的视频自动播放,以防止通过蜂窝网络进行大量下载。

CMS 的现成解决方案

电话号码列表

上面,如果站点所有者充分了解 Javascript 以在 cz 列表 他的站点上应用此解决方案,则考虑了该问题的可能解决方案。

在拥有各种流行 CMS 的网站上,这可能不是那么容易,但通常,它们都有单独的插件,这也有助于加快包含大量视频的页面。

下面我们将看看 4 个 WordPress 插件,它们允许您在延迟加载的基础上从 YouTube 下载视频,也就是说,不会阻止其他页面元素的显示。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注