HTML5 视频 |视频不受支持/文件类型无效 | IE

Question

晚上好 StackOverflowers！ 我似乎在让 HTML5 视频标签在 IE 或 Safari 中工作时遇到问题（Firefox 似乎可以加载，但它想在播放之前下载整个文件）。它可以在 Chrome 中正常工作。

在 IE 中，我收到错误：“错误：不支持的视频类型或无效的文件路径”。

我进行了研究，似乎很多人通过将 MIME 类型添加到他们的 .htaccess 文件中找到了解决方案。我这样做无济于事。下一个问题是我需要将 .mp4 放在视频列表的首位，完成了 - 但没有解决方案。

我的 .htaccess 文件如下所示：（WordPress 安装）

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /wpress/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /wpress/index.php [L]
</IfModule>

# END WordPress

#Audio HTML5 Mime Types
AddType audio/aac .aac
AddType audio/mp4 .mp4 .m4a
AddType audio/mpeg .mp1 .mp2 .mp3 .mpg .mpeg
AddType audio/ogg .oga .ogg
AddType audio/wav .wav
AddType audio/webm .webm

#Video HTML5 Mime Types
AddType video/mp4 .mp4 .m4v
AddType video/ogg .ogv
AddType video/webm .webm 

另外，这是我的视频代码的样子：（是的，我知道这很罗嗦......）

<video width="100%" height="100%" controls="controls">
  <source src="http://www.frozentears.org/wpress/wp-vlog/vlogVid/Rus/[RUS]Rossiyskaya.Imperia/[RUS]Rossiyskaya.Imperia.E01.Petr.I.PI.mp4" type='video/mp4' />
  <source src="http://www.frozentears.org/wpress/wp-vlog/vlogVid/Rus/[RUS]Rossiyskaya.Imperia/[RUS]Rossiyskaya.Imperia.E01.Petr.I.PI.webm" type='video/webm' />
  Video tag not supported. Download the video <a href="http://www.frozentears.org/wpress/wp-vlog/vlogVid/Rus/[RUS]Rossiyskaya.Imperia/[RUS]Rossiyskaya.Imperia.E01.Petr.I.PI.mp4">here</a>.
</video>

可以在这里看到给我问题的整个页面：http://bit.ly/1g2quqe 我检查了堆栈，发现这些线程here、here 和here，遵循了他们的建议，但由于某种原因，它仍然对我有用。

此外，有人建议我将文件路径放在地址栏中，如果文件播放则错误在代码中。当我把.mp4文件放到地址栏时，只是提示下载文件，浏览器没有播放文件。

任何建议将不胜感激。 最好的祝福， 劳拉

Answer 1

我无法在任何浏览器上正确播放您的文件。 Chrome 仅在下载 30 秒后播放音频，但不播放视频。在 Firefox 中，当我尝试将 mp4 的 URL 放入浏览器时，我收到一条错误消息，指出文件已损坏。我认为这可能是文件格式问题。如果是这种情况，则可能是文件中的一些错误数据或元数据：

• 您可以在http://vjs.zencdn.net/v/oceans.mp4 下载文件并将其托管在您的服务器上。如果它工作正常，那么您的 MIME/TYPES 配置就很好，否则您需要正确调整它们（查看将它们添加到 /etc/mime.types 文件）。
• 您可以尝试使用handbrake 或MP4Box 重新打包您的文件。您需要使用手刹激活“网络优化”选项（又名快速启动）。

您可以在此处阅读基础story。

让我们知道它是否有效