Question

我遇到了ie9和mp4视频的问题。如果我在Safari中打开页面，mp4视频工作正常，但它们不会加载到ie9。我不知道它可能是什么。

在我的本地Windows机器上，html5视频播放正常，一旦页面转到实时服务器，它们就不再起作用了。 Opera和Firefox在OGG格式下运行良好。 Safari播放.mp4格式，但IE不播放.mp4格式。 Internet Explorer是唯一一个表现奇怪的浏览器。

我认为这是一个Mime Type问题，除了Safari使用服务器端.mp4文件。

我认为这是一个Doctype问题，但实时网站上的doctype与我本地的doctype相同。关于可能导致这种情况的原因，我的想法已经不多了。

          <video webkitSupportsFullscreen='false' width="960" height="640">
            <source id="mp4" src="/videos/video.mp4" type='video/mp4' />
            <source src="/video/video.ogg" type="video/ogg" />
            <source src="/video/video.webm" type="video/webm" />
            <img src="/images/screenshot.jpg">
        </video>

Answer 1

HTML5 Please建议使用polyfill。

所以你可以使用这个：http://mediaelementjs.com/

注意：您确定您的DOCTYPE遵循以下HTML5语法：

<!DOCTYPE html>

Answer 2

你有<!doctype html>定义吗？如果不是，IE9将以没有html5支持的怪癖模式运行。

Answer 3

确保为IE ANYTHING添加X-UA兼容性的元标记！

<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>

html5视频mp4适用于safari，但不适用于ie9

3 个答案: