【问题标题】:Clickable preview image that auto-loads a Youtube video自动加载 Youtube 视频的可点击预览图像
【发布时间】:2019-06-17 06:08:58
【问题描述】:

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

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

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

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

我知道可以一键加载启动此类视频,因为存在 this one 等解决方案(但需要 Wordpress)

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

【问题讨论】:

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


    【解决方案1】:

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

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

    您需要 javascript、css 和 html(没有 Wordpress)。希望对你有帮助。

    【讨论】:

      猜你喜欢
      • 2013-04-10
      • 2013-09-17
      • 2016-04-09
      • 1970-01-01
      • 1970-01-01
      • 2020-05-07
      • 1970-01-01
      • 2012-02-12
      • 1970-01-01
      相关资源
      最近更新 更多