当前位置: 首页 > 面试题库 >

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

云捷
2023-03-14
问题内容

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

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。



 类似资料:
  • 但是我想做的不是只有一个图像(火球)下屏,我想有一堆图像下屏。 以下是火球的代码: 和图像: 谢了!

  • 我正在使用Glide将图像加载到我的imageView(位于回收视图中): 我看到Glide库还有一个“占位符”函数,它可以在图像仍在加载时加载一个可绘制的图像。 另一方面,对于整个recyclerView,我使用Facebook Shimmer库来显示正在加载recyclerView。 看看我的应用程序,一切正常。但是,在消除微光(提取数据)和显示图像之间仍然存在间隔时间。这正是需要占位符的时候

  • 因此,我一直试图在我的android应用程序中添加启动屏幕,但每当我试图运行它时,应用程序总是崩溃。这里是代码`` activity_splash.xml

  • 问题内容: 如何使用乌龟图形将图像添加到我的图像? 每当我使用该功能时,我都会不断出错。 龟图形是否有其他方式加载/导入图像? 例如: 问题答案: 该模块确实支持图像,但仅支持GIF图像,不支持PNG或任何其他格式。正如文档所说: name 是gif文件的名称,shape是:安装相应的图像形状。 而且,如果您查看源代码,他们会认真对待“ gif文件”:它通过调用来确定您要添加图像还是多边形的方式显

  • 问题内容: 现在,我正在Xcode 6中使用spritekit(swift)制作游戏。 它必须可在iPhone 4s及更高版本上播放。但据我所知,所有iPhone都来自4s和更高的Retina,所以我可以添加(750 x 1334像素)和@ 2x.png的所有图像。 因此,我不需要添加没有@ 2x的图像。 我对么? 问题答案: 示例:如果您具有512 x 512(1x)图像,并且希望它支持(2x和

  • 问题内容: 我想将视图渲染为位图并保存位图。但是我需要在屏幕外进行所有操作。 我已经试过了: 编辑:我的应用程序崩溃,因为视图没有任何宽度或高度。(此措施是为了解决该问题) 抱歉英语不好。 问题答案: 问题在这里: 您需要传递父级布局,以便可以对其进行正确测量。我了解您不希望将视图附加到布局,但是您可以通过使用此方法的此版本来将父布局仅用于测量,将false传递给attachToRoot。 根据参