YouTube 嵌入在各种浏览器中显示不同的视频

Posted

技术标签:

【中文标题】YouTube 嵌入在各种浏览器中显示不同的视频【英文标题】:YouTube Embed Shows Different Video in Various Browsers 【发布时间】:2014-03-22 18:12:37 【问题描述】:

我有一个嵌入到 iFrame 中的 YouTube 视频。这是嵌入网址:

http://www.youtube.com/embed/-3W3xvAcD2Y

在我 Mac 上当前版本的 Safari、Mobile Safari 和 Firefox 中,一旦视频实际开始播放,我会得到一个双倍的视频(3D 版本?),如下所示: (注意:预览图看起来很正常,你必须在它像这样翻倍之前真正开始播放视频。)

在 Chrome 中,我得到了正确的版本: 两者都使用 html5 播放器 FWIW,这些嵌入链接直到最近才为我工作。将链接实际嵌入 iFrame 时,我看到了相同的结果;在这里链接到嵌入 URL 更容易。在我的测试中,我并没有在所有 YouTube 视频中看到这一点。它可能仅限于最近上传的视频,但我对此不是 100% 确定(这里的 another example 显示了问题)。

知道发生了什么吗?这可能是最近弹出的 YouTube 上的嵌入代码错误吗?试试这个 URL,如果它在其他浏览器上运行,请告诉我。

【问题讨论】:

我已将此问题作为错误报告给 YouTube,但我不知道他们的响应速度如何。希望它尽快修复。 【参考方案1】:

我也遇到了同样的问题。

YouTube 似乎在随机 HTML5 视频的嵌入中强制使用 3D。我注意到 mozstereomode="1" 正在应用于存在此问题的视频。

【讨论】:

我很高兴知道其他人也看到了同样的问题,但我仍然希望 YouTube 能解决这个问题或找到一些解决方法。我尝试通过 URL 参数将 mozstereomode 设置为 0,但这并没有解决问题。 现在似乎在我做的快速测试中得到了修复。让我知道它是否适合你。如果是这样,我们可以将此标记为临时错误,我会为您提供解决方案。 是的,该错误似乎已修复!太棒了,他们这么快就解决了这个问题!

以上是关于YouTube 嵌入在各种浏览器中显示不同的视频的主要内容,如果未能解决你的问题,请参考以下文章

YouTube 嵌入视频:设置不同的缩略图

嵌入 Youtube 视频显示空白屏幕

来自 YouTube 的嵌入式 360 度视频无法在 iOS 浏览器上正确播放

嵌入的 YouTube 视频在 iframe HTML 中不可用

如何在 Laravel 中上传和显示嵌入的 youtube 视频

可以在 svg 中嵌入 youtube 视频吗?