视频将在 Firefox 中播放，但在 html5 视频标签中不能播放？答案

【问题标题】：video will play in firefox but not when in html5 video tag?视频将在 Firefox 中播放，但在 html5 视频标签中不能播放？
【发布时间】：2011-02-22 12:51:46
【问题描述】：

所以我们正在构建一个带有 html5 播放器（以及用于 Windows 的备用闪存）的视频网站。

但真正难倒我的是当我在 Firefox 中查看该文件时，它会播放； http://www.roguefilms.com.local/media/uploads/2010/07/1495/8_lg-poke.mov（存储在本地）但是当它在 html 视频标签中时什么也不做。它显示海报但不播放视频。它甚至没有显示“抱歉 - 不支持您的浏览器！”

我知道 ff 更喜欢 ogg，我们可以使用 flash 备份播放器，但如果它可以在没有播放器的情况下以 ht64 .mov 播放，为什么不能呢？好像有点傻？

如果有人知道，那就太好了……

<video controls="controls"  
    id="myVideo"
    src="/media/uploads/2010/07/1495/8_lg-poke.mov"
    poster="/media/uploads/2010/07/1495/still.jpg" 
    height="360" 
    width="640">

            Sorry - your browser is not supported!

</video>

最好的，丹。

【问题讨论】：

标签： firefox html video

【解决方案1】：

当您刚刚加载 .mov 文件时，您的服务器提供的内容类型会导致 Firefox 检查并查看是否有任何插件处理该内容。在这种情况下，QuickTime 会处理它，这就是它播放的原因。

不过，video 标签不会启动插件来播放内容。

【讨论】：

啊——那么这就解释了！谢谢 sdwilsh。

【解决方案2】：

正如您所提到的，Firefox 不支持 h264，尽管很惊讶它会自行播放视频，除非它自动将其强制转换为 Flash 播放器，这是可能的。

要显示“抱歉”消息，您需要使用 source 元素：

<video controls="controls" id="myVideo" poster="/media/uploads/2010/07/1495/still.jpg" height="360" width="640">
   <source src="/media/uploads/2010/07/1495/8_lg-poke.mov">
   Sorry - your browser is not supported!
</video>

我在去年 4 月写过这篇文章，但它可能会有所帮助：html5laboratory - using the video element。

【讨论】：

感谢伊恩 - 将阅读。仅供参考，它的 def 不使用 flash 来播放文件的直接链接——它使用的是 quicktime。仍然不显示 alt 内容？只是一个带有深灰色十字的大视频元素......
我相信这可能意味着 .mov 文件完全让 Firefox 感到困惑，因此它在第一个/唯一的源元素处失败并且不会再进一步。也许尝试向它添加类型（和编解码器），这可能会告诉 Firefox 忽略它？

【解决方案3】：

我们曾经遇到过类似的问题，Web 服务器（在我们的例子中是 Apache）没有为视频文件发送正确的 MIME 类型，Firefox 在开始播放之前先完全下载了它。如果您等待足够长的时间，播放器是否有可能工作？您可以使用Firebug 来查看您的浏览器是否传输任何内容。

【讨论】：

Hey Axel - Firebug 说它肯定会加载它（也没有错误），如果它是 apache MIME 类型的问题，对所有浏览器来说都不是问题吗？以防万一我可以用 htaccess 中的行来纠正这个问题？
我不确定不同的浏览器在这种情况下的表现如何。我们修复了 Apache 的 mime.types 配置文件中的 MIME 类型问题，使用 AddType Directive 将文件扩展名与正确的类型相关联。
ok Axel - 澄清一下 - 这只是为了播放 ogg 文件？（由于服务器空间，我们可能不会使用）
是的，仅适用于 .ogv 文件。正如 Ian 上面提到的，FF 不支持 HTML5 视频的 H.264 (.mp4) 文件 - 我们使用这两种格式来支持多种浏览器变体，而 Flash 播放器使用 .flv 来支持不播放 HTML5 视频的任何内容。
Flash 也可以播放 MP4，如果您还为 Safari 和 Chrome 提供 MP4，这将非常有用（尽管 Chrome 很快就会放弃对 H.264 的支持）。