时间戳

首页 > 解决方案 > 如何删除 youtube 品牌、视频信息和相关视频

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

问题描述

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

controls=0&autoplay=1&mute=1&enablejsapi=1&showinfo=0&autohide=1

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

标签： youtubeyoutube-iframe-api

解决方案

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

这几乎是您可以得到的，它将在视频加载时显示短暂的闪光：

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

请注意，隐藏视频首次加载时出现的 Youtube 徽标可能违反了 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;
}

推荐阅读