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

我正在使用

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

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

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

---

您可以将

？branding=1

添加到您的url。这将删除徽标

虚拟品牌（支持的玩家：AS3、HTML5）

此参数允许您使用不显示YouTube徽标的YouTube播放器。将参数值设置为1，以防止YouTube徽标显示在控制栏中。请注意，当用户的鼠标指针悬停在播放器上时，一个小的YouTube文本标签仍将显示在暂停视频的右上角

&showinfo=0

将删除标题栏

showinfo（支持的玩家：AS3、AS2、HTML5）

值：0或1。该参数的默认值为1。如果将参数值设置为0，则在视频开始播放之前，播放机将不会显示视频标题和上载者等信息

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

注: 它不会完全移除徽标。左下角仍然有一个小徽标

---

showinfo

已被弃用，并将在2018年9月25日后被忽略：

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

---

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

如果像我一样，你希望人们不要使用徽标点击YouTube，一个选择是使用像jwplayer这样的播放器。使用jwplayer时，徽标仍然存在，只是无法读取

我尝试过这个，但无法删除“在YouTube上观看”图标。我下面的解决方案并没有删除图标本身，而是“阻止”鼠标悬停，这样YouTube上的手表就不能点击了。我在图标上添加了一个div，所以该图标不会影响鼠标悬停

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

---

这不是一个完整的解决方案，但如果您为用户获取完整的youtube url而烦恼，它会帮助您。

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

以下是视频的源url示例：

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

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

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

---

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

事实证明，这可能是“控制”参数和“品牌”参数之间的一种缺乏记录、故意误导或未记录的交互。无法从嵌入式YouTube视频中删除YouTube的徽标，至少在视频控件暴露的情况下是如此。你所要做的就是选择你想要的标志出现的方式和时间。详情如下:

如果controls=1且moderbranding=1，则YouTube徽标更大，在视频静止图像的右下角作为灰度水印显示，并在播放控件作为大灰度水印显示在右下角时显示。例子：

如果controls=1和modestbranding=0（此处的更改），则YouTube徽标较小，不会在视频静止图像的右下角作为灰度水印显示，并且仅当控件在右下角作为白色图标显示时才会显示。例子：

如果controls=0，则忽略该参数，并且YouTube徽标更大，在视频静止图像上作为灰度水印显示在右下角，水印显示在播放视频的悬停位置，水印显示在任何暂停视频的右下角。例子：

---

右下角的水印仅出现在

鼠标上方

。没有参数可以删除该值，但是如果在视频顶部堆叠一个透明的

div

，并使其具有更高的

z-index

和相同大小的视频，则您的

鼠标盖将不会触发水印，因为您的鼠标将击中
div

当然，这样做的代价是你失去了点击视频暂停的能力。但是，如果您想保留暂停功能，可以显示控件，并将顶层
div
覆盖到底部30像素左右，让您单击控件
 是的，这是真的

1） 
By=1添加到您的url。这将删除底部显示为品牌和

2） 
By&showinfo=0将删除标题栏。

但我认为你不能把两者同时考虑

两个都试试看

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>



删除YouTube品牌
到目前为止：看到大量搜索和建议，从嵌入式视频中禁用YouTube徽标和品牌；我建议你考虑以下内容：

我猜YouTube不希望你这样做，否则他们会允许在前端这样做
一些品牌花费巨大的努力来提供媒体，而不是5分钟的删除
有这个标志很好，而且尊重品牌权利
你仍然拥有视频，并且可以在你的网站/博客中嵌入视频
抽出一些时间；这是不可能的
然而！您可以选择使用以下参数进行适度品牌化：

https://www.youtube.com/embed/“+videourl+”？默认值=1<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>

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

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

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