【发布时间】:2014-08-21 15:46:32
【问题描述】:
谁能告诉我为什么这适用于 Firefox 和 Chrome,但不适用于 IE9、10 或 11?它给了我一个典型的黑色屏幕,带有一个包含红色 X 的白色小方块。
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Video Player Test</title>
</head>
<body>
<video style="position:fixed; top:0px; left:0px; height:100%; width:100%;" autoplay controls>
<source src="./videos/video.mp4" type="video/mp4">
<source src="./videos/video.ogg" type="video/ogg">
</video>
</body>
</html>
我已经尝试过的事情: - 将 MIME 类型添加到 .htaccess - 重新编码以确保 MP4 是正确的 H264。 - video.js 根本没有帮助。
我也尝试过仅使用“文件”>“打开”并使用 IE 在我的机器上本地打开 MP4,它播放得很好,所以我认为视频应该正确编码,一切都适用于 IE。
【问题讨论】:
-
当我解决这个问题时,我使用了一个名为 MediaInfo 的程序(可能还有其他工具可以检查确切的编解码器版本),发现尽管是 MP4,但我的视频使用的是“MPEG-4 Visual”编解码器,而正确的、最常用的 H.264 编解码器应命名为“AVC”。如果您暂时删除 OGG 源(以验证它们是否也在使用 MP4),Firefox/Chrome 是否仍会播放视频?
-
如果我删除 OGG 源,Chrome 仍然可以工作,但 Firefox 不能。
-
我用MediaInfo测试过,MP4都是用AVC的。
-
你找到解决办法了吗?
标签: javascript html internet-explorer video mp4