删除嵌入视频中的"在youtube上播放"叠加层

Ale*_*xis 11 youtube youtube-api youtube-javascript-api

有没有办法让我们在嵌入视频时叠加在视频上的"在youtube上播放"按钮?我研究了使用chromeless youtube播放器,但无法找到一种方法来移除叠加层.有没有人尝试或听说过这样做的方法?

Lev*_*Lev 22

我发现有用的三个参数是:

showinfo=0
controls=0
autohide=1
Run Code Online (Sandbox Code Playgroud)

showinfo=0确保视频不会在视频帧的顶部显示标题.controls=0用播放按钮,音量等autohide=1隐藏底栏.隐藏控件直到你将鼠标悬停在它们上面,这可能是最有用的.

所有官方文档都在这里.


小智 15

我发现它不可能.因此,隐藏"播放"按钮的唯一方法是将视频图像放在视频上方,可以从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
Run Code Online (Sandbox Code Playgroud)

但是一旦添加了叠加层,点击屏幕而不是控制将无法播放视频,为此,添加以下播放视频的jQuery

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

});
Run Code Online (Sandbox Code Playgroud)