如何为YouTube视频添加启动屏幕/占位符图像[关闭]

  • Z时代
  • 2024-01-10
  • 分类：问答

很难说出这里的要求。这个问题是模棱两可的，模糊的，不完整的，过于广泛的或修辞性的，不能以目前的形式合理地回答。如需帮助澄清此问题以便可以重新打开，请访问帮助中心。

7年前关闭。

我有一个网站，其中包含很多嵌入式YouTube视频；当前，这些站点是同时加载的，这当然会使站点在最初加载时运行得非常慢。

将图片加载为占位符/启动屏幕而非视频iframe的最佳方法是什么？

仅在单击时才 需要将图像替换为YouTube iframe

（仅应在请求时加载），从而大大减小了网站的文件大小。我之前曾发现过类似的问题，但他们似乎建议使用CSS和jQuery来更改视频的可见性。在这种情况下，此操作不起作用，因为视频播放器仍会在后台加载。

感谢您的帮助/建议。

回答：

应该很简单，尝试这样的事情：

<img src="placeholder.jpg" data-video="http://www.youtube.com/embed/zP_D_YKnwi0">
$('img').click(function(){
    var video = '<iframe src="'+ $(this).attr('data-video') +'"></iframe>';
    $(this).replaceWith(video);
});

对于youtube视频，&autoplay=1如果希望它们在单击图像时播放，请添加到URL。

以上是 如何为YouTube视频添加启动屏幕/占位符图像[关闭] 的全部内容， 来源链接： utcz.com/qa/403248.html

回到顶部