html5视频没有播放mp4错误"无效来源"?

use*_*510 9 html5

我正在尝试HTML5视频标签,我已经下载了一个微软样本并试图运行它但是发生了一件奇怪的事情,它是播放来自URL(评论标签)的视频但是对于本地mp4文件它没有显示错误并显示消息"无效的来源"

这是我的代码,请指导我应该做些什么来使它正确运行本地文件?

谢谢

    <!DOCTYPE html>
<html>
<head>
</head>
<body>
    <!--<video src="http://www.bing.com/az/hprichv/?p=Butterfly_Clipcanvas_223479_EN-US.mp4"
        autoplay loop>
    </video>-->
    <video controls src="hprichv.mp4" width="300" height="200" autoplay loop>
    </video>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

编辑

网页和视频文件都位于同一文件夹中.

小智 18

我在Windows 7 Pro上.我在本地开发,然后远程托管/服务.尝试在本地开发时加载本地mp4文件遇到了这种相同的情况.没有组合使用localhost/myvideo.mp4或127.0.0.1/myvideo.mp4或/aaa/myvideo.mp4或myvideo.mp4在同一目录中的文件让事情变得有效......但引用完整的URL如http://www.mywebsite.com/myvideo.mp4do,如上所述.

在本地计算机上,Chrome显示没有错误消息...只显示带控件的黑匣子.没有任何关于什么的线索.切换到IE,它显示黑匣子和控件和错误消息.'来源无效'

我专注于@steveax问题和Mime类型.

原来这个版本的Windows中的IIS没有.mp4的MIME类型设置.不知道为什么不......但不是.

若要添加MP4 MIME类型,请打开Internet信息服务(IIS)管理器并按照下列步骤操作:

  • 突出显示左侧面板上的默认网站 ;
  • 双击右侧面板上的MIME类型 ;
  • 向下滚动列表,注意没有.mp4 ;
  • 再次在右侧面板上,单击Add:在第一个字段,写入.mp4并在下面的字段上写入video/mp4
  • 单击确定,您就完成了.

重启IIS!