该自动加载YouTube视频点击预览图像

Question

我们正在努力实现一个可点击的预览图像，将播放YouTube视频。

我们的目标是，以避免不必要的加载JS代码，提高谷歌Speed得分。

我们已经实施了有效的解决方案。

但问题是，它需要两次点击实际加载Youtube视频：点击显示Youtube视频，另一个居然开始播放视频。

我知道一个事实，这是可能加载在点击启动这样的视频，因为如this one解决方案存在（但它需要的WordPress）

我们如何处理这个？是否有实施延迟加载视频一个现成的解决方案？ （不需要WordPress的？）

Answer 1

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

你看YouTube视频的缩略图和“当访问者点击播放按钮，缩略图替换为标准的YouTube视频播放器自动播放与设置为1，因此它播放视频瞬间。”

你需要JavaScript，CSS和HTML（无WordPress的）。希望它可以帮助你。