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 / Text即将到来，当我删除鼠标时它会消失。

当我使用“autohide = 1”时，控制栏会被隐藏，在右下角，悬停时会显示一个“Youtube”图标/图像/徽标。我正在使用

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

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

Consider red square mark part

Answer 1

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

模式标记（支持的播放器：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

事实证明，这是＆＃34;控件＆＃34;之间的文档记录不清，故意误导或无记录的交互。 param和＆＃34; modestbranding＆＃34; PARAM。至少在视频控件曝光时，无法从嵌入的YouTube视频中删除YouTube徽标。您所要做的就是选择希望徽标出现的方式和时间。以下是详细信息：

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

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

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

Answer 3

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

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

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

Answer 4

删除YouTube品牌

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

我猜YouTube不希望你这样做，否则他们会允许你在前端。
有些品牌花了很大力气为媒体提供不到5分钟的时间。去除。
拥有徽标并尊重品牌权利是件好事。
您仍然拥有将视频嵌入您的网站/博客的视频和奢侈品。
节省一些时间;这是不可能的。
不过！您可以选择使用以下参数 Modest-Branding ：

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

And some other parameters for customization：

&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 5

 autoplay=1&autohide=2&border=0&wmode=opaque&enablejsapi=1&modestbranding=1&controls=2&showinfo=1

这对我有用，它仍显示订阅并显示共享链接，但没有youtube按钮将它们从页面移到另一个。这就是我将使用的线路，我认为这将保持我的网站的流量，而不是起飞到所有其他网站。

Answer 6

右下方的水印仅显示在div上。没有要删除的参数，但是如果您在视频顶部堆叠透明z-index并使其更高mouseover并且视频大小相同，则{{1} }将不会触发水印，因为您的鼠标将会点击div。

当然，这样做的权衡是你失去了实际点击视频暂停它的能力。但是如果你想要暂停它，你可以显示控件并让顶层div覆盖到底部30像素左右，让你点击控件。

Answer 7

是的，它是真的

1）x=[1,2,3,4,5,6] y=[-3,-1,5,3,4,2] plt.bar(x,y,color='b',width=1,edgecolor="none")

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

但我认为你不能同时删除两个想法

尝试两个thnik听到 http://codegena.com/generator/Youtube-Embed-Code-Generator

1）尝试隐藏徽标时

By &showinfo=0 will remove the title bar.

2）现在尝试隐藏顶部栏

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

==＆gt;但现在当我们试图隐藏两种信息时，请参阅限制

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

Answer 8

我试过了，但无法删除“在YouTube上观看”图标。我的解决方案不会删除图标本身，但“阻止”鼠标悬停，以便YouTube上的手表无法点击。我添加了一个div over图标，因此该徽标不会影响鼠标悬停。

 <div class="holder">
     <div class="frame" id="player" style="height 350"></div>
     <div class="bar" id="bottom-layer">.</div>
 </div>

框架是我的嵌入式播放器。包括以下css文件

.holder{
position:relative;
width:640px;
height:350px;
}

.frame{
width: 100%;
height:100%;
}

.bar{
position:absolute;
bottom:0;
right:0;
width:100%;
height:40px;
}

这不是完整的解决方案，但如果您对用户获取完整的YouTube网址感到困扰，可以帮助您。

Answer 9

如果您可以使用html5视频播放器或任何其他可以播放youtube源视频的播放器（但不是jwplayer），那会更好。

以下是视频的示例源网址： https://redirector.googlevideo.com/videoplayback?requiressl=yes&id=a1385c04a9ecb45b&itag=22&source=picasa&cmo=secure_transport%3Dyes&ip=0.0.0.0&ipbits=0&expire=1440066674&sparams=requiressl%2Cid%2Citag%2Csource%2Cip%2Cipbits%2Cexpire&signature=86FE7D007A1DC990288890ED4EC7AA2D31A2ABF2.A0A23B872725261C457B67FD4757F3EB856AEE0E&key=lh1

使用简单的html5视频播放器（将XXXXXX替换为源网址或任何可下载的网址）打开：

    <video width="640" height="480" autoplay controls>
  <source src="XXXXXX" type="video/mp4">
 </video>

您也可以使用许多其他视频播放器。

Answer 10

如果像我一样，你只是希望人们没有使用徽标点击youtube，一个选项是使用像jwplayer这样的播放器。使用jwplayer徽标仍然只是不可点击。

Answer 11

删除YouTube品牌（保持视频可点击的同时）的唯一方法是将嵌入的iFrame放置在容器中，该容器的overflow设置为hidden，并且高度比iFrame小。

当然，这意味着视频的底部被切掉了。

此外，您很有可能违反YouTube's Terms of Service。

CSS：

.videoWrapper {
  width: 550px;
  height: 250px;
  overflow: hidden;
}

HTML：

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

Answer 12

这是我棘手的解决方案，如何隐藏所有内容

在开始之前，您应该意识到所有youtube信息都停留在iframe的顶部和底部（不是视频，那很重要）
使iframe高于实际视频高度。在iframe参数中，设置高度=宽度* 1.7（或其他乘数）
将YouTube信息隐藏在页眉和页脚下，并将其绝对位置放在iframe包装器元素的顶部和底部。页眉和页脚的高度可以计算为：iframeHeight-（iframeWidth *（9/16）））/2。如果要全屏显示，只需将其隐藏在屏幕可见区域之外，然后将溢出设置为隐藏
对于我来说，我在视频播放完后使用JS破坏了iframe，因此用户看不到YouTube提供的其他视频
还有一个重要的注意事项：由于iOS 12.2自己替换了Youtube的播放器，因此宽度和高度的计算应在构造函数中进行（在React的情况下），因为iOS播放器的到来会导致页面大小调整->可能重新计算宽度和高度视频重播->视频暂停

代码示例jsfiddle.net/xavmd5j9

此解决方案的缺点是它会占用图像占位符。

P.S。自2018年8月以来 showinfo 和 rel 参数doesn't work，因此建议使用它们的答案不再有效，并且 ststantbranding 不会删除所有徽标

这就是自定义控件的外观

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

12 个答案:

注意：

删除YouTube品牌