[YouTube IFrame][Android] 如何从移动浏览器中删除 YouTube 徽标

Posted

技术标签:

【中文标题】[YouTube IFrame][Android] 如何从移动浏览器中删除 YouTube 徽标【英文标题】:[YouTube IFrame][Android] How to remove YouTube logo from mobile browser 【发布时间】:2016-05-30 16:00:41 【问题描述】:

我们使用 YouTube iframe API 在我们的网页上放置了一段 YouTube 视频。 iframe src 如下所示。

https://www.youtube.com/embed/AUBTAdI7zuY?version=3&autohide=1&iv_load_policy=3&modestbranding=0&rel=0&showinfo=0&theme=dark&playsinline=1&origin=testing&vq=medium&enablejsapi&autoplay=0

通过笔记本电脑浏览器(如 Chrome 和 Safari)查看页面时, YouTube 徽标使用参数 modestbranding=0 隐藏。

但在 android Chrome 上查看同一页面时,徽标是可见的并覆盖在视频上。

是否有任何 iframe 参数或任何方法可以删除 YouTube 徽标?

【问题讨论】:

【参考方案1】:

在这里更新我们案例的解决方案。 根本原因是我们提供的宽度和高度太小了。

如YouTube IFrame API 中所述,尺寸至少应为 200 像素 x 200 像素。

嵌入式播放器的视口必须至少为 200 x 200 像素。如果播放器显示控件,它必须足够大以完全显示控件而不会将视口缩小到最小尺寸以下。我们建议 16:9 播放器至少宽 480 像素,高 270 像素。

我们最终为嵌入 iframe 提供了固定大小并将 CSS 转换应用于整个页面。

那么这个问题就打补丁了。

【讨论】:

【参考方案2】:

我之前在我的移动应用中使用过 YouTube 的 API,但遇到了类似的问题。 我发现 YouTube 总是确保有办法链接回他们的网站。

即使在台式机/笔记本电脑浏览器中,当您移动鼠标时,YouTube 链接也会位于视频进度条的最右侧。

对于移动设备没有鼠标,因此他们没有将鼠标放在进度条上,而是在视频的角落放置了一个静态链接。

可能有一种方法可以通过使用 htmljavascript 在其上放置一些东西来掩盖它。我很确定这会违反许可协议,所以我不会推荐它。

【讨论】:

谢谢!那么除了去掉标志之外,有没有办法让它变小呢?我们不想违反协议,但徽标很大,覆盖了整个嵌入视频和播放按钮。 我不确定你为什么会这样。当我使用 chrome 查看您在手机上提供的 URL 时,它在我的屏幕右下方显示为一个小图标。它非常小,一点也不大。你用的是什么浏览器? 我使用 Android Chrome。我找到了原因。正如YouTube Iframe API 中所述,推荐的播放器尺寸为 200 像素乘 200 像素,但我分配的值更小。感谢您在这方面帮助我。

以上是关于[YouTube IFrame][Android] 如何从移动浏览器中删除 YouTube 徽标的主要内容,如果未能解决你的问题,请参考以下文章

嵌入 iframe 的 Youtube 视频无法在 Android 4.0.3 上播放

在 Android 中监控 Youtube iFrame 播放器状态

为啥 Android WebView 不加载 youtube HTML5 iframe 视频?

android webview youtube iframe 就像在 feedly 中一样?

YouTube IFrame API 播放方法在某些 Android 平板电脑上触摸之前不起作用

Youtube iframe 播放器不会在 android 4.x WebView 中显示视频