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