Question

晚安StackOverflowers！我似乎有一个问题，让HTML5视频标签在IE或Safari中运行（Firefox似乎加载，但它想在播放之前下载整个文件）。它可以在Chrome中正常运行。

在IE中，我收到错误：＆＃34;错误：视频类型不受支持或文件路径无效＆＃34;。

我做过研究，似乎很多人通过在他们的.htaccess文件中添加MIME类型来找到解决方案。我这样做无济于事。接下来的问题是我需要将.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重新打包文件。您需要使用手刹激活“web optimized”选项（也称为快速启动）。

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

让我们知道它是否有效

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

1 个答案: