javascript - 是否可以使用参数隐藏 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();
});