html5 视频无法从本地主机播放

Pra*_*oon 5 html html5-video html5-audio

mp4 视频无法从本地主机播放。

但 mp3 音频有效。

IE

以下用于播放视频的代码(存储为 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>
Run Code Online (Sandbox Code Playgroud)

但是,以下用于播放音频的代码 (C:\inetpub\wwwroot\audio\testAudio.html) 在通过 ( http://localhost/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>
Run Code Online (Sandbox Code Playgroud)

但是,当通过双击 html 文件启动网页时,它们都可以工作,即通过 (file:///C:/inetpub/wwwroot/audio/testAudio.html) 或 (file:///C:/inetpub /wwwroot/video/testVideo.html)

请解释我做错了什么。以及如何从本地主机播放视频。

我正在使用以下浏览器:

IE 11.0
Chrome 44.0
Firefox 40.0
Run Code Online (Sandbox Code Playgroud)

Pra*_*oon 2

我终于弄明白了。

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

要实现此功能,应按以下方式添加 MIME 类型条目:

  1. 打开 IIS 管理器
  2. 从连接面板中选择您的机器
  3. 在中间面板中,双击“MIME 类型”
  4. 右键单击列表并选择“添加”选项
  5. 添加文件扩展名和 MIME 类型,例如 MP4 视频,文件扩展名:.mp4 和 MIME 类型:'video/mp4'

就是这样。

现在刷新您的页面和 Bingo!。有用。