html5 视频无法从 localhost 播放
Posted
技术标签:
【中文标题】html5 视频无法从 localhost 播放【英文标题】：html5 video does not play from localhost 【发布时间】：2015-11-11 05:30:57 【问题描述】：mp4 视频无法从 localhost 播放。
但 mp3 音频有效。
即
以下播放视频的代码（存储为 C:\inetpub\wwwroot\video\testVideo.html）在通过 (http://localhost/video/testVideo.html) 访问时不起作用
<!DOCTYPE html>
<html>
<body>
<video controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
</body>
</html>
但是，以下用于播放音频的代码 (C:\inetpub\wwwroot\audio\testAudio.html) 在通过 (http://localhost/audio/testAudio.html) 访问时有效
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="audip.mp3" type="audio/mp3">
Your browser does not support HTML5 video.
</audio>
</body>
</html>
但是，当通过双击 html 文件启动网页时，它们都可以工作，即通过 (file:///C:/inetpub/wwwroot/audio/testAudio.html) 或 (file:///C) 访问网页:/inetpub/wwwroot/video/testVideo.html)
请解释我做错了什么。以及如何从 localhost 播放视频。
我正在使用以下浏览器：
IE 11.0
Chrome 44.0
Firefox 40.0
【问题讨论】：
用 VirtualHost 试试吧。 【参考方案1】：我终于明白了。
视频无法通过 localhost 播放，因为 Windows 中的 IIS localhost 不包含 .mp4 文件格式的 MIME 类型条目 (video/mp4)。
要完成这项工作，应按以下方式添加 MIME 类型条目：
-
打开 IIS 管理器
从连接面板中选择您的机器
在中间面板中，双击“MIME 类型”
右键单击列表并选择“添加”选项
添加文件扩展名和 MIME 类型，例如对于 MP4 视频，文件扩展名：.mp4 和 MIME 类型：'video/mp4'
就是这样。
现在刷新您的页面和 Bingo!。它有效。
【讨论】：
以上是关于html5 视频无法从 localhost 播放的主要内容，如果未能解决你的问题，请参考以下文章
有没有人遇到过这个奇怪的 html5 视频播放问题？黑色元素，无法加载