如何删除 YouTube 品牌、视频信息和相关视频

Awe*_*ome 1 youtube youtube-iframe-api

我正在尝试使用 youtube 嵌入视频作为网站横幅的背景。我正在使用 iframe 渲染 YouTube 视频。在视频链接中添加了以下参数,但视频仍然在右下角显示 YouTube 徽标,并在顶部显示视频标题和共享链接。

controls=0&autoplay=1&mute=1&enablejsapi=1&showinfo=0&autohide=1
Run Code Online (Sandbox Code Playgroud)

如何删除视频标题、分享链接和 YouTube 徽标?有没有办法停止显示相关视频?

Eli*_*lin 9

您正在寻找的是showinfo=0rel=0参数,它们在过去两年中已被弃用并删除。至少可以通过使用 强制视频重复循环来防止“显示相关视频” &playlist=videoID,并且可以通过 删除右下角的 youtube 按钮modestbranding=1

这大约是您能得到的最接近的结果,视频加载时会显示短暂的闪烁:

代码笔:https://codepen.io/Terrafire123/pen/yLayQvM

请注意,隐藏 Youtube 按钮和品牌(超过modestbranding=1)可能会违反 Youtube 的服务条款,因为显然 Youtube 按钮和品牌是“Youtube 体验”的关键部分。有关详细信息,请参阅此链接: https://developers.google.com/youtube/terms/developer-policies-guide#your_api_service_must_reflect_a_user%E2%80%99s_standard_experience_on_youtube

<div class="wrapper"> 
  <iframe src="https://www.youtube.com/embed/oSmUI3m2kLk?autoplay=1&controls=0&disablekb=1&loop=1&modestbranding=1&playsinline=1&color=white&mute=1&playlist=oSmUI3m2kLk" ></iframe>
</div>
<!-- Note the video ID, oSmUI3m2kLk, appears twice. Once in the beginning, and once at the end inside "playlist.", which will force it to continually loop over the same video  -->


body,html{
  margin:0;
}

.wrapper{
  height:500px;
  position:relative;
  overflow:hidden;
}
iframe{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:0;
  pointer-events:none;
  width:100%;
  height:56.25vw;
}
Run Code Online (Sandbox Code Playgroud)