为什么我在 IE9 中播放 Video.js 时遇到问题答案

【问题标题】：Why am I having issues with Video.js playing in IE9为什么我在 IE9 中播放 Video.js 时遇到问题
【发布时间】：2012-11-13 00:14:09
【问题描述】：

下面是我用于视频标签的代码。我基本上从 Video.js 网站上复制并粘贴了它（然后用我自己的文件名进行了更新）。起初我可以让 Chrome 工作，但不能让 Firefox 或 Internet Explorer 工作。然后我将“webm”标签更改为“web”。 Firefox 解决了这个问题，但我仍然无法使用 IE9 播放。它只是显示好像它正在尝试加载。现在我只是尝试使用同一根文件夹中的本地文件对其进行测试，所以我认为等待它下载不是问题。我的视频文件范围从 8.1 到 8.4 兆。

如果有人对如何玩这个有任何想法，将不胜感激。提前谢谢你。

head标签中如下：

    `<link href="video-js.css" rel="stylesheet">
    <script src="video.js"></script>
    <script>
          _V_.options.flash.swf = "video-js.swf"`
    </script>

以下是在html标签中：

            `<video id="example_video_1" class="video-js vjs-default-skin"  
              controls preload="auto" width="640" height="264"  
              poster="bdg-vid-poster.png"  
              data-setup='{}'>  
             <source src="bdg112412hr.mp4" type='video/mp4' />  
             <source src="bdg112412.web" type='video/web' />  
             <source src="bdg112412.ogv" type='video/ogv' />
             </video>`

【问题讨论】：

标签： html internet-explorer html5-video video.js audiovideoplayback

【解决方案1】：

检查服务器上配置的 MIME 类型。

我在使用 mp4 和 IE9 时遇到了问题。我只需要将 myme-tipe 从 video/mpeg 更改为 video/mp4。

【讨论】：

【解决方案2】：

对我也有帮助的是 preload="auto" 必须是 preload="none" 否则它会在播放之前等待加载整个视频......真正的拖累......

【讨论】：

【解决方案3】：

我不确定您为什么将名称从 webm 更改为 web - webm 是正确的扩展名。该行应为：

<source src="bdg112412.webm" type='video/webm' />

对于这三种视频类型（mp4、web 和 ogv）中的每一种，您都有有效的视频文件吗？将 mp4 直接拖放到 IE9 中会发生什么？试试 Chrome 中的 webm 和 Firefox 中的 ogv。

如果您不确定您的视频文件是否有效，请尝试下载sample files here。（请参阅视频下方的“下载视频”链接）。

【讨论】：