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

Posted

技术标签:

【中文标题】HTML5 视频 |视频不受支持/文件类型无效 | IE【英文标题】:HTML5 Video | Video Unsupported / Invalid File Type | IE 【发布时间】:2014-05-20 13:08:32 【问题描述】:

晚上好 ***ers! 我似乎在让 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   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文件放到地址栏时,只是提示下载文件,浏览器没有播放文件。

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

【问题讨论】:

哪个版本的 IE 和 Safari 给您带来了问题? 对不起 - 很好的问题 - IE 11 Firefox 28 【参考方案1】:

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

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

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

让我们知道它是否有效

【讨论】:

你很了不起。非常感谢您花时间回复。你完全正确。您的 .mp4 文件在我所有的浏览器中也都运行良好。我现在正在使用手刹重新转换我的所有文件。 (以前,我使用过 Miro Video Converter)。非常感谢您解决了我数周以来的头痛问题。 感谢您的评论。很高兴它解决了您的问题。 很抱歉在 2020 年将其 necrobumping,但我遇到了类似的问题。我试过的浏览器,Firefox 77、Chromium 83 和 Falkon,不喜欢播放 h265 编码的 mp4 视频。将您的视频转换为 h264 以播放它们...

以上是关于HTML5 视频 |视频不受支持/文件类型无效 | IE的主要内容,如果未能解决你的问题,请参考以下文章

如何使用带有本地文件的 HTML5 嵌入视频

播放html5视频时,火狐浏览器显示MIME类型不支持怎么解决?

暂停视频不会停止 html5 视频标签中的音频

Html5 视频不显示

html5的视频支持格式

Android HTML5 视频 - 单击播放时有效,但 video.play() 无效