html5视频无法从localhost播放

时间:2015-08-18 10:20:51

标签: html5 html5-video html5-audio

mp4视频无法从localhost播放。

但是mp3音频有效。

即。

以下播放视频的代码(存储为C:\ inetpub \ wwwroot \ video \ testVideo.html)在通过(http://localhost/video/testVideo.html

访问时无效
    <!DOCTYPE html> 
    <html>
    <body>
    <video width="400" controls>
      <source src="video.mp4" type="video/mp4">
      Your browser does not support HTML5 video.
    </video>
    </body> 
    </html>

但是,通过(http://localhost/audio/testAudio.html

访问后,播放音频的代码(C:\ inetpub \ wwwroot \ audio \ testAudio.html)可以正常工作
    <!DOCTYPE html> 
    <html>
    <body> 
    <audio width="400" 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

1 个答案:

答案 0 :(得分:2)

我终于明白了。

视频无法通过localhost播放,因为Windows中的IIS localhost不包含.mp4文件格式的MIME类型条目(video / mp4)。

要使其工作,应按以下方式添加MIME类型条目:

  1. 打开IIS管理器
  2. 从“连接”面板
  3. 中选择您的设备
  4. 在中间面板中,双击“MIME类型”
  5. 右键单击列表,然后选择“添加”选项
  6. 添加文件扩展名和MIME类型,例如对于MP4视频,文件扩展名:.mp4和MIME类型:'video / mp4'
  7. 多数民众赞成。

    现在刷新你的页面和宾果!它有效。