嵌入没有任何徽标或 youtube 链接的 youtube 视频
Posted
技术标签:
【中文标题】嵌入没有任何徽标或 youtube 链接的 youtube 视频【英文标题】:Embed youtube video without any logo or link to youtube 【发布时间】:2017-04-06 13:27:06 【问题描述】:我需要嵌入没有 Youtube 徽标和任何指向 Youtube 视频网站的链接的 Youtube 视频。
共有三个选项: - 谦虚品牌 = 1 删除 youtube 徽标 -controls = 0 删除带有“在 youtube 中查看”链接的底部栏 - showinfo 0 0 删除带有“在 youtube 中查看”链接的上栏
如果我放一两个,可以,但用户仍然可以使用第三个选项访问 youtube。
如果我加入三个选项,会自动出现 Youtube 标志。
我使用这样的东西:
src="https://www.youtube.com/embed/videoID??modestbranding=1&showinfo=0&controls=0"
我该如何修复它,或者如何嵌入视频而无法在 youtube 中找到它。
谢谢!!!
【问题讨论】:
不使用 YouTube?我认为大多数视频托管服务不会给你一种方法来隐藏视频在他们的网站上/使用他们的服务这一事实,除非你付费才能隐藏它。 我同意@BSMP。公司流式传输视频并不便宜,我希望所有人至少都想给自己打上品牌。您可以使用 html5 ' 【参考方案1】:很遗憾,showinfo
和 modestbranding
是互斥的。
modestbranding
- docs
此参数允许您使用不显示 YouTube 徽标的 YouTube 播放器。将参数值设置为 1 以防止 YouTube 徽标显示在控制栏中。请注意,当用户的鼠标指针悬停在播放器上时,一个小的 YouTube 文本标签仍会显示在暂停视频的右上角。
还有showinfo
- docs
支持的值为 0 和 1。
将参数的值设置为 0 会导致播放器不显示 视频开始前的视频标题和上传者等信息 玩。
【讨论】:
【参考方案2】:working demo带沙盒
<div style="border: 1px solid rgb(255, 255, 255); overflow: hidden; height: 800px margin: 50px auto; max-width: 600px;">
<iframe scrolling="yes" src="https://www.youtube.com/embed/snTlMy80c_E?autoplay=1&enablejsapi=1&rel=0;modestbranding=1&showsearch=0" style="border: 0px none; margin-left: 0px; height: 500px; margin-top: -60px; width: 100%;"></div>
没有沙箱。没有隐藏标题或标题链接以及 youtube 徽标。没有沙箱,相关视频之类的链接是可点击的。 working demo here
<div style="border: 1px solid rgb(255, 255, 255); overflow: hidden; height: 800px margin: 50px auto; max-width: 600px;">
<iframe scrolling="yes" src="https://www.youtube.com/embed/snTlMy80c_E?autoplay=1&enablejsapi=1&rel=0;modestbranding=1&showsearch=0" style="border: 0px none; margin-left: 0px; height: 500px; margin-top: -60px; width: 100%;" sandbox="allow-forms allow-scripts allow-pointer-lock allow-same-origin allow-top-navigation" ></div>
【讨论】:
以上是关于嵌入没有任何徽标或 youtube 链接的 youtube 视频的主要内容,如果未能解决你的问题,请参考以下文章
html 嵌入Youtube视频并删除标题栏和Youtube徽标