可点击的预览图片,可自动加载YouTube视频

时间:2019-01-23 15:43:14

标签: youtube lazy-loading youtube-javascript-api

我们正在努力实现可点击的预览图像,该图像将播放Youtube视频。

目标是避免加载不必要的JS代码并提高Google Pagespeed得分。

我们实施了一个可行的解决方案。

但是问题在于,需要两次单击才能实际加载Youtube视频:一次单击以显示Youtube视频,另一次才真正开始播放视频。

我知道一个事实,因为this one之类的解决方案存在(但需要Wordpress),因此一键加载此类视频是可能的

我们该如何处理?是否有现成的解决方案来实现视频的延迟加载? (不需要Wordpress吗?)

1 个答案:

答案 0 :(得分:0)

我使用了这个小教程:https://www.labnol.org/internet/light-youtube-embeds/27941/

您显示YouTube视频的缩略图,'当访问者单击播放按钮时,缩略图将替换为自动播放设置为1的标准YouTube视频播放器,从而可以立即播放视频。

'

您需要javascript,css和html(无Wordpress)。希望对您有帮助。