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

问题描述 投票:0回答:1

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

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

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

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

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

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

youtube lazy-loading youtube-javascript-api
1个回答
0
投票

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

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

你需要JavaScript,CSS和HTML(无WordPress的)。希望它可以帮助你。

© www.soinside.com 2019 - 2024. All rights reserved.