Question

我试图在多个浏览器中使用HTML5视频制作图片横幅。我在大多数操作系统上都使用Chrome和Firefox视频，但Internet Explorer似乎无法在IE9上运行。横幅所在的页面与视频文件不在同一文件夹中;横幅存在于许多页面中。

我可以看到的问题是IE9和10无法在视频HTML5代码中看到Flash后备选项而且它没有注册。我想创建某种if-else语句，强制使用IE9或10的用户查看Flash版本，同时将所有其他浏览器重定向到一般的HTML5版本。此横幅适用于以下版本，包括IE8。

我无法访问.htaccess文件;为了手动添加MIME类型，我在其他地方看到了这个建议（即使我在每个视频源行中都指定了它。）我在IE9 + 10中查看控制台，看看MIME类型是否有问题，并且没有出现错误起来。右键单击视频出现的空间也为我提供了HTML5视频选项，但单击“播放”并未执行任何操作。

如果有人可以帮助我调试代码或想出使其工作，那就太好了。谢谢！以下是我正在使用的HTML5视频代码，适用于Chrome，Firefox和其他浏览器。

<video autoplay loop>
<source src="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/Fulmar_Banner.mp4" type="video/mp4">
<source src="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/Fulmar_Banner.ogv" type="video/ogg">
<source src="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/FlashFulmar Slideshow.webmhd.webm" type="video/webm">
<object width="954" height="224" type="application/x-shockwave-flash" data="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/Fulmar%20Banner.swf">
    <param name="movie" value="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/Fulmar%20Banner.swf" />
</object>
</video>

编辑：mp4文件的编解码器是h.264 + AAC。

Answer 1

快速而肮脏的解决方案是强制IE模拟旧版浏览器：

  <!-- Mimic Internet Explorer 8 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
  <meta http-equiv="X-UA-Compatible" content="IE=8" >

请注意，这些<meta代码必须放在标题之前所有其他元素（标题元素和其他元元素除外）。

Answer 2

IE仅支持一组有限的视频源编解码器

IE 9+支持h264与mp3 / aac，vp8和vp9是有问题的，所有其他它似乎都不支持。

MDN doc on media browser compatibility

因此，您必须提供多个视频源来支持每个浏览器，但不一定是每个浏览器的视频，因为某些浏览器的支持重叠。

提供带有h264 aac / mp3的视频应该在IE，Safari和Chrome上播放。而使用Theora或VP8的视频应该在Firefox和Opera上播放

HTML5视频无法在IE9 + 10中运行

2 个答案: