Question

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

Answer 1

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

showinfo=0
controls=0
autohide=1

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

所有官方文档均为here。

Answer 2

我发现它不可能。因此，隐藏播放按钮的唯一方法是将视频图像放在视频上方，可以从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 3

投票最多的答案现在效果很好！（2015年9月9日星期三）你应该把

参数&showinfo=0&controls=0&autohide=1在视频源代码之后

并且在src =“...”
中没有换行符

我认为你几乎没有错过上述案例。

以下是我的示例代码。

<div>
    <iframe id="bgVideo" width="800" height="480" frameborder="0" allowfullscreen
     src="//www.youtube.com/v/j-EQgzyoXMk&autoplay=1&loop=1&playlist=j-EQgzyoXMk&showinfo=0&controls=0&autohid=1">
    </iframe>
</div>

这意味着......不要这样做，

<iframe src="..." showinfo="0" controls="0" autohide="1" ...></iframe>`

或者像这样，

<iframe src="//www.youtube.com/v/...
             &autoplay=1
             &showinfo=0
             &controls=0
             &autohide=1
             &...></iframe>

和我的例子的结果截图。

（由于我的声誉，我无法发布图片...请参阅此处：http://i.stack.imgur.com/zC5lz.jpg）

不要忘记！

参数&showinfo=0&controls=0&autohide=1在视频源代码之后

并且在src =“...”
中没有换行符

Answer 4

无法从youtube播放器中删除播放按钮，听到三种解决方法

1：自动播放视频

2：点击按钮后，使用自定义按钮在播放器上添加自己的叠加层，然后使用javascript处理播放和暂停视频

3：提取视频内容网址（针对youtube政策，但有效，可能会在将来的任何时候中断）

embedd url：

http://www.youtube.com/embed/VIDEO_ID?autoplay=1&showinfo=0&modestbranding=1&wmode=transparent&controls=1&color=white&rel=0&enablejsapi=1&playsinline=1&&version=3&theme=light&autohide=1&egm=0&showsearch=0&loop=1&playlist=VIDEO_ID"

如果您使用的是HTML 5，则上述网址会自动播放视频，默认情况下不会自动播放，因此您需要使用javascript自动播放视频。

还有一件事：视频结束后再次显示播放按钮和视频信息，据我所知，这是不可避免的。

Answer 5

更新：

您是否尝试过使用“modestbranding”播放器参数，请参阅https://developers.google.com/youtube/player_parameters

实施例： http://www.youtube.com/v/lT0ReYP3fDA?version=3&controls=0&modestbranding=1&showsearch=0

手动删除“在youtube上播放”叠加是违反服务条款的。

您的API客户端不会，并且您不会鼓励或创建您的用户或其他第三方的功能：修改，替换或以其他方式禁用YouTube搜索结果中提供的YouTube或第三方网站链接的功能或否则通过YouTube API或YouTube播放器提供;

它没有很好的文档，但如果您违反了服务条款，Youtube可能会将您的网站列入黑名单。基本上每个视频都会返回105错误代码并停止工作。这发生在我曾经工作过的网站上，并且很难与Google联系以使黑名单被撤销（在更改后再次与ToS一致）。

Answer 6

2017答案：

如果您在右下角引用“YouTube”徽标，则可以使用info参数删除此徽标：

showinfo=1

当然，这会导致显示其他信息（例如视频标题），这可能是不合需要的。仍然，徽标是隐藏的！：）

Answer 7

很遗憾，autohide属性已于2015年8月19日正式贬值。如果不使用少量的JavaScript，就无法再删除播放按钮。

在这里https://developers.google.com/youtube/player_parameters#autohide

Answer 8

有一个现成的解决方案，可以将“在 youtube 上播放”删除到背景中（您可以看到它，但您将无法按下它）。

autoplay=1&controls=2&modestbranding=1

就我个人而言，我在一个关于俄罗斯文案交流的网站上工作。

这是一个例子 - https://beecopy.ru/zakazchiku/sovet-workzilla-drobim-bolshie-proekty-na-podjomnye-zadachi/

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

8 个答案: