html 5 - mp4视频在Chrome中播放但不在IE11中播放

Question

<div align="center" class="embed-responsive embed-responsive-16by9">
    <video controls class="embed-responsive-item">
        <source src="~/AspxCommon/vids/mySearch.mp4" type=video/mp4>
    </video>
</div>

此代码在Chrome中运行良好，但由于某些原因IE11在单击播放按钮时不播放mp4文件。它在IE11中显示下面的图像，不会播放。

Answer 1

理想情况下，您应该有其他可用的视频格式（.webm / .ogg），但为了演示的目的，我已经评论过了。

＆＃13;

＆＃13;

video{
  width:350px;
  height:auto;
}

＆＃13;

<video id="mainVideo" preload="none" controls width="100%">

<!--  <source src="http://www.rachelgallen.com/nature.ogv" type="video/ogg">
  <source src="http://www.rachelgallen.com/nature.webm" type="video/webm">-->
  <source src="http://www.rachelgallen.com/nature.mp4" type="video/mp4">

</video>

＆＃13;

＆＃13;

＆＃13;

上面的代码保存在fiddle中，并且已经在IE 11上进行了测试。

因此，问题很可能不是IE问题，而是a） 文件本身的问题 或b）与关联的类有关的问题div（你能发布css吗？）

第一个更有可能，所以请检查您的视频文件是否正常。我还建议您将其转换为webm和ogg文件类型。

希望这有帮助

Answer 2

问题是IE希望mp4文件中的moov原子位于文件的开头，而Chrome不在乎。 moov原子通常位于文件末尾。如果您使用FFMPEG进行编码，请添加-movflags faststart，它将把moov原子移动到文件的开头。

Answer 3

使用<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> X-UA兼容的元标记允许Internet Explorer 11以浏览器模式呈现。