【问题标题】:Youtube embed not working in firefoxYoutube嵌入在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.

【问题讨论】:

    标签: html youtube embed


    【解决方案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 中只提供黑框。
      猜你喜欢
      • 2020-12-19
      • 1970-01-01
      • 2014-02-16
      • 1970-01-01
      • 2014-02-17
      • 1970-01-01
      • 2018-12-27
      • 2015-06-21
      • 2012-10-21
      相关资源
      最近更新 更多