Youtube嵌入在Firefox中不起作用

Posted 2023-02-24

【中文标题】Youtube嵌入在Firefox中不起作用

【英文标题】：Youtube embed not working in firefox

【发布时间】：2012-10-24 22:39:55

【问题描述】：

我嵌入了三个 Youtube 视频，它们在除 Firefox 之外的所有浏览器中都能完美运行。

尝试在服务器端清除缓存，在本地清除 cookie 和缓存，尝试了 18 台不同的计算机，尝试了 Windows 7、Windows 8、Linux Ubuntu 12.10、Fedora 16、Mac OSX、ios、android 4.0.3。试过 Firefox 版本 7 到 15。

甚至尝试从头开始重做网站。 到处都是同样的问题...视频仅在 Firefox 和 Firefox 中不加载。

我做错了什么？

我已经翻遍了，在 IRC 上四处询问，在论坛上发布了问题，但没有运气。

我什至尝试过 old youtube 嵌入代码。 Vimeo 嵌入 iframe 工作得非常好！

我的代码如下：http://pastebin.com/T3w09bqW --注意：中间视频使用的是旧的 youtube 嵌入代码。--

Here is a picture.

【参考方案1】：

检查父元素以查看是否应用了 CSS3 转换。我们的视频在 24-26 日停止在 FireFox 中运行，直到我们从父包装元素中提取以下代码：

 transform: translate3d(0,0,0); 

在这种特殊情况下，应用了 3d 变换以使 Chrome 中的内容看起来更好，（因此是 (0,0,0)，但如果您通过 CSS 搜索变换并找到一个条目，请尝试拉或者先在 FireBug 中测试。

【参考方案2】：

在一个网站上找到这个希望对您有所帮助：

似乎只有当youtube显示flash版本的视频时才会出现问题，而使用html5则可以。 您可以强制 YT 提供视频的 html5 版本，并将其添加到 iframe 嵌入代码中：html5=1

<iframe src="http://www.youtube.com/embed/_VIDEO_ID_?html5=1" [...]></iframe>

还请考虑，如果 Firefox 视频的 html5 版本不存在，YT 会提供 Flash 视频作为后备。 所以这个问题肯定与flash有关。

//编辑把 &html5=1 改为 ?html5=1

【讨论】：

谢谢你，雅马哈。我之前确实试过这个。 HTML5 几乎无法正常工作...控件无法正常显示，强制全屏按钮无法提供工作全屏，播放器无法正常显示，也无法在移动设备上正常工作。

它破坏了我们的 html5 网站（有点复杂）。所以玩 Flash 更好，但正如你所说，在 Firefox 中只提供黑框。