html - IE9 HTML5 视频支持

Question

我在 IE9 中显示 HTML5 视频时遇到一些问题，我将不同的类型添加到我的 htaccess

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

这是我的html

<video id="video" autoplay loop preload>
            <source src="video/final_loop.mp4" type="video/mp4" />
            <source src="video/final_loop.webm" type="video/webm" />
            <source src="video/final_loop.ogg" type="video/ogg" />

            Your browser does not support the <code>video</code> element. 
        </video>

我还尝试将视频转换为 Theora ogv 格式并使用

<source src="video/final_loop.theora.ogv" type="video/ogv" />

但这也不起作用，我认为 .ogg 在 IE9 中受支持？

Answer 1

Internet Explorer 9 支持使用 H.264 编解码器的 MPEG4。但它也要求文件一开始下载就可以开始播放。

这里是关于如何制作在 IE9 中工作的 MPEG 文件的非常基本的步骤(在 Ubuntu 上使用 avconv)。我花了很多时间来解决这个问题，所以我希望它能对其他人有所帮助。

1. 使用 H.264 编解码器将视频转换为 MPEG4。您不需要任何花哨的东西，只需让 avconv 为您完成工作:

   avconv -i video.mp4 -vcodec libx264 pre_out.mp4
   

2. 此视频适用于所有支持 MPEG4 的浏览器，IE9 除外。要添加对 IE9 的支持，您必须将文件信息移动到文件头，以便浏览器可以在开始下载时立即开始播放。这是 IE9 的关键!!!

   qt-faststart pre_out.mp4 out.mp4
   

qt-faststart 是一个 Quicktime 实用程序，也支持 H.264/ACC 文件格式。它是 libav-tools 包的一部分。