YouTube嵌入式视频:设置不同的缩略图

use*_*091 37 youtube video

我想在YouTube上嵌入一个不属于我的视频(因此我无法在YouTube上进行更改).视频的缩略图不代表视频(我指的是在您嵌入视频时显示的初始静止图像,在用户播放之前显示).

有没有办法设置静止的时间,例如我尝试过,?s=XXX但这不起作用.或者是YouTube原生的另一种方式?

wal*_*ous 24

sitepoint论坛中有一个很好的解决方法:

<div onclick="this.nextElementSibling.style.display='block'; this.style.display='none'">
   <img src="my_thumbnail.png" style="cursor:pointer" />
</div>
<div style="display:none">
    <!-- Embed code here -->
</div>
Run Code Online (Sandbox Code Playgroud)

注意:为防止必须单击两次才能播放视频,请使用autoplay=1视频嵌入代码.当显示第二个div时,它将开始播放.

  • 以这种方式自动播放视频对于iphone和ipad用户不起作用,因为iOS会阻止自动播放.http://stackoverflow.com/questions/12496144/can-you-autoplay-html5-videos-on-the-ipad (7认同)
  • 即使视频未显示,视频仍会播放.这发生在Mac上的Chrome中,我没有尝试过不同的浏览器或操作系统. (2认同)

mjh*_*jhm 12

不是.大多数YouTube视频只有一个预先生成的"海报"缩略图(480x360).它们通常有几个其他较低分辨率的缩略图(120x90).因此,即使有一个嵌入参数来使用备用海报图像(没有),它的结果也是不可接受的.

理论上,您可以使用Player API将视频搜索到您想要的任何位置,但这对于较小的结果来说将是一个主要的黑客攻击.


Aug*_*ger 5

答案对我不起作用.也许他们已经过时了.

无论如何,找到这个网站,它为你完成所有工作,甚至阻止你需要阅读不常见的谷歌文档:http: //www.classynemesis.com/projects/ytembed/