如何在网页中嵌入视频后删除youtube品牌？

Question

我在用

<iframe width="550" height="314" src="https://www.youtube.com/embed/vidid?modestbranding=1&amp;rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

这将删除右侧底部"Youtube"徽标.并删除悬停时出现的"标题栏".

但在这个问题是,当我悬停在视频上然后在右侧底部"Youtube"tumbnail /文本即将到来,当我删除鼠标然后它消失.

当我使用"autohide = 1"时,控制栏会被隐藏,在右下角,悬停时会显示一个"Youtube"图标/图像/徽标.我在用

iframe.setAttribute("src", "youtube.com/embed/" + youtube.id + "?modestbranding=1&;showinfo=0&;autohide=1&;rel=0;"); 

这个.有了这个,我可以从控制栏中删除/隐藏标题栏和徽标,但在右下角悬停时屏幕上还有另一个徽标,我应该使用哪个参数来隐藏它？

Answer 1

您可以添加?modestbranding=1到您的网址.这将删除徽标.

modestbranding(支持的玩家:AS3,HTML5)

此参数可让您使用未显示YouTube徽标的YouTube播放器.将参数值设置为1可防止YouTube徽标显示在控制栏中.请注意,当用户的鼠标指针悬停在播放器上时,小的YouTube文字标签仍会显示在暂停视频的右上角.

&showinfo=0 将删除标题栏.

showinfo(支持的播放器:AS3,AS2,HTML5)

值:0或1.参数的默认值为1.如果将参数值设置为0,则播放器在视频开始播放之前不会显示视频标题和上传器等信息.

您可以在Google Developers网站上找到所有选项.

注意:

它没有完全删除徽标.左下方仍有一个小徽标.

showinfo已弃用,将于2018年9月25日后被忽略:https://developers.google.com/youtube/player_parameters

Answer 2

事实证明,这是"控制"参数和"适度标记"参数之间缺乏文档记录,故意误导或无记录的交互.至少在视频控件曝光时,无法从嵌入的YouTube视频中删除YouTube徽标.您所要做的就是选择希望徽标出现的方式和时间.以下是详细信息:

如果controls = 1且modestbranding = 1,则YouTube徽标更大,在视频静止图像上作为右下方的灰度水印,并显示播放控件在右下角显示为大灰度水印.例: <iframe width="560" height="315" src="https://www.youtube.com/embed/Z6ytvzNlmRo?rel=0&amp;controls=1&amp&amp;showinfo=0&amp;modestbranding=1" frameborder="0"></iframe>

如果controls = 1且modestbranding = 0(我们此处更改),则YouTube徽标较小,不在视频静止图像上作为右下方的灰度水印,仅在控件作为白色图标显示时显示右下角.例: <iframe width="560" height="315" src="https://www.youtube.com/embed/Z6ytvzNlmRo?rel=0&amp;controls=1&amp&amp;showinfo=0&amp;modestbranding=0" frameborder="0"></iframe>

如果controls = 0,那么忽略了适度标识参数并且YouTube徽标更大,在视频静止图像上作为右下方的灰度水印,水印出现在播放视频的悬停上,水印出现在下方任何暂停视频的权利.例: <iframe width="560" height="315" src="https://www.youtube.com/embed/Z6ytvzNlmRo?rel=0&amp;controls=0&amp&amp;showinfo=0&amp;modestbranding=1" frameborder="0"></iframe>

Answer 3

Youtube已删除了从嵌入式YouTube视频中完全删除YouTube链接的功能.

https://developers.google.com/youtube/player_parameters#modestbranding

即使删除了showinfo部分,YouTube也会在视频的右下角放置一个半透明徽标.

Answer 4

自 2018 年 8 月以来，showinfo和rel参数不起作用，因此建议使用它们的答案不再有效，并且适度品牌不会删除所有徽标

这是我如何隐藏一切的棘手解决方案

1. 在开始之前，您应该意识到所有 youtube 的信息都贴在 iframe 的顶部和底部（不是视频，这很重要）

2. 使 iframe 高于实际视频高度。在 iframe 参数中设置高度 = 宽度 * 1.7（或其他乘数）

3. 使用 iframe 包装元素顶部和底部的绝对位置将 youtube 的信息隐藏在页眉和页脚下。页眉和页脚的高度可以计算为： iframeHeight - (iframeWidth * (9 / 16))) / 2. 如果你想要全屏，你应该将它隐藏在屏幕可见区域之外并将溢出设置为隐藏

4. 就我而言，我在视频完成后使用 JS 销毁 iframe，因此用户无法看到 youtube 提供的其他视频

5. 同样重要的注意事项：由于 iOS 12.2 正在用自己的播放器替换 Youtube 的播放器，宽度和高度的计算应该在构造函数中完成（在 React 的情况下），因为 iOS 播放器的到来会导致页面调整大小 -> 可能的宽度和高度重新计算 -> 视频重新渲染 -> 视频暂停

代码示例 jsfiddle.net/s6tp2xfm

此解决方案的一个缺点是它会拉伸图像占位符。

这就是自定义控件的样子

Answer 5

删除YouTube品牌

迄今为止:查看大量搜索和建议,以便从嵌入式视频中停用YouTube徽标和品牌广告; 我建议你考虑以下几点:

1. 我猜YouTube不希望你这样做,否则他们会允许你在前端.
2. 一些品牌花费巨大的努力提供媒体不是5分钟.去除.
3. 拥有徽标并尊重品牌权利是件好事.
4. 您仍然拥有将视频嵌入您的网站/博客的视频和奢侈品.
5. 节省一些时间; 这是不可能的.

6. 然而!您可以选择使用此参数进行Modest-Branding:

   https://www.youtube.com/embed/'+videourl+'?modestbranding=1

以及一些其他用于定制的参数:

&showinfo=0 //Turn off Title & Ratings

&showsearch=0 //Turn off Search

&rel=1 //Turn on Related Videos

&iv_load_policy=3 //Turn off Annotations

&cc_load_policy=1 //Force Closed Captions

&autoplay=1 //Turn on AutoPlay (not recommended)

&loop=1 //Loop Playback

&fs=0 //Remove Full Screen Option (not sure why you’d want to)

这是一般的自定义窗口:

^{免责声明:我不在YouTube工作; 只是我尊重版权.}

Answer 6

是的，这是真的

1）By modestbranding=1 to your url. That will remove the logo that is appered in bottom lest as branding and

2）By &showinfo=0 will remove the title bar.

但我认为你们不能一并删除

尝试一下，两个都可以听到 http://codegena.com/generator/Youtube-Embed-Code-Generator

1）尝试隐藏徽标时

<iframe width='500' height='294' src="https://www.youtube.com/embed/YykjpeuMNEk?&theme=dark&autohide=2&modestbranding=1"frameborder="0"></iframe>

2）现在尝试隐藏顶部

<iframe width='500' height='294' src="https://www.youtube.com/embed/YykjpeuMNEk?&theme=dark&autohide=2&showinfo=0"frameborder="0"></iframe>

==>但是现在当我们尝试隐藏两种信息时，请参见限制

<iframe width='500' height='294' src="https://www.youtube.com/embed/YykjpeuMNEk?&theme=dark&autohide=2&modestbranding=1&showinfo=0"frameborder="0"></iframe>