是否可以使用参数隐藏youtube的大红色播放按钮？

Question

我正在使用的代码的快速示例来创建我的YouTube iframe:

player = new YT.Player('[PLAYER ID]', {
  height: '300',
  width: '480',
  videoId: '[VIDEO ID]',
  playerVars: { 'controls': 0, 'showinfo': 0 },
});

到目前为止,它的工作效果都非常好,它可以在没有控件或信息条的情况下加载视频,我可以"手动"使用javascript播放视频.

问题在于,现在不再需要大红色的"播放"按钮,该按钮会暂时显示为视频的开始.

有什么方法可以摆脱这个吗？我查看了文档,找不到合适的参数来允许我隐藏它.

Answer 1

我发现不可能。因此，隐藏“播放”按钮的唯一方法是将视频图像放置在可以从youtube获取的视频上方，如下所示。每个YouTube视频都有4个生成的图像。可以预计，它们的格式如下：

http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

但是，一旦添加了叠加层，则在屏幕上单击而不是在控件上单击将不会播放视频，为此，请添加以下播放视频的jQuery

jQuery('#overlay').click(function(){
  jQuery(this).hide();
  jQuery('#youtube_id').get(0).playVideo();
});

Answer 2

每个 YouTube 视频都有 4 个生成的图像。它们的格式如下：

http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

列表中的第一个是全尺寸图像，其他是缩略图。默认缩略图（即 、1.jpg、2.jpg之一3.jpg）是：

http://img.youtube.com/vi/<insert-youtube-video-id-here>/default.jpg

对于缩略图的高质量版本，请使用与此类似的 url：

http://img.youtube.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg

还有一个中等质量版本的缩略图，使用类似于总部的 URL：

http://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg

对于缩略图的标清版本，请使用与此类似的 url：

http://img.youtube.com/vi/<insert-youtube-video-id-here>/sddefault.jpg

对于缩略图的最高分辨率版本，请使用与此类似的 url：

http://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg

上述所有 URL 也可以通过 https 访问。只需更改http为https只需将上述任意网址此外，稍短的主机名i3.ytimg.com可以代替img.youtube.com上面示例 url 中的主机名。

或者，您可以使用YouTube Data API (v3)或较旧的YouTube API v2.0来获取缩略图。