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 徽标?有没有办法停止显示相关视频?
您正在寻找的是showinfo=0和rel=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)
| 归档时间: |
|
| 查看次数: |
11129 次 |
| 最近记录: |