Flowplayer无法在IE9中找到视频,在IE8及以下版本中找不到支持的视频

Question

我正在尝试使用Flowplayer在可用的情况下允许HTML5视频,并在不支持时使用闪回后备.

这在Firefox和Chrome中运行良好,但在IE9中找不到视频,在IE9下面它只是不支持视频.

我做错了还是IE不支持流媒体？

Answer 1

解决方案摘要

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

分析:

我有点困惑,因为我在主流程设备演示页面以及此HTML5视频播放器比较页面上看到了视频(在所有浏览器中).然而,我感觉有点平反,因为他们自己的开发人员无法获得一致的负载,已作为错误报告的一部分提交,他们的"修复"演示也不适用于我(但他们的主要演示是!) .

扣除:

在完全镜像他们的设置并遵循设置文档后,我的播放器仍然无法在IE9中工作,但是在Firefox,Chrome和IE8中工作(带有闪回后退).

我决定尝试从他们的服务器加载他们的视频,它立即工作.我检查了IE9中的网络窗格,发现了MIME类型的差异.当流量计服务器将.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>