html - Flowplayer 在 IE9 中找不到视频，在 IE8 及以下版本中找不到不支持的视频

Question

我正在尝试使用 Flowplayer 允许 HTML5 视频可用，并在不支持时使用 Flash 回退。

这在 Firefox 和 Chrome 中工作正常，但是在 IE9 中它找不到视频，在 IE9 以下它只是不支持视频。

是我做错了什么还是 IE 不支持 flowplayer？

Answer 1

解决方案总结

我遇到了类似的问题，我想我已经解决了，所以也许这也会为您解决。我的问题最终是我的 .mp4 视频文件的 MIME 类型被用作视频/mpeg。当视频作为视频/mp4 提供时，它将在 IE9 上正确加载。我没有测试 .ogg 文件，但我感觉问题很相似。

分析:

我有点困惑，因为我在主 flowplayer demos 上看到视频作品(在所有浏览器中)页面以及此 HTML5 Video Player Comparison页。然而，我觉得有点被证明是正确的，因为他们自己的开发人员在获得一致的负载方面遇到了麻烦，已作为 bug report 的一部分提交。 , 以及他们的 "fix" demo也不适合我(但他们的主要演示是!)。

推导:

在完全镜像他们的设置并遵循 setup documentation 之后，我的播放器仍然无法在 IE9 中工作，但可以在 Firefox、Chrome 和 IE8(带有 Flash 回退)中工作。

我决定尝试从他们的服务器加载他们的视频，它立即起作用了。我检查了 IE9 中的网络 Pane 并发现了 MIME 类型差异。当 flowplayer 服务器将 .mp4 文件作为“video/mp4”提供时，我的服务器将 .mp4 文件作为“video/mpeg”提供。我知道 .mp4 文件类型只是一个容器，视频文件取决于底层编码方案，但我感觉 IE9 只是挑剔地尝试基于 MIME 类型解码视频——它甚至不会尝试如果它不是它认为可以播放的东西，就可以播放它。我让网络管理员更改了 MIME 类型，之前失败的同一视频现在可以完美运行。

作为引用，这是我设置 HTML 的方式:

在头上

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="http://releases.flowplayer.org/5.1.1/flowplayer.min.js"></script>

体内

<div class="flowplayer is-splash">
    <video preload="none">    
        <source src="http://stream.flowplayer.org/black/470x250.mp4" type="video/mp4" />
    </video>
</div>