Question

我正在尝试使用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>

修改

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

Answer 1

我在Windows 7 Pro上。我在本地开发，然后远程托管/服务。尝试在本地开发时加载本地mp4文件遇到了这种相同的情况。没有在文件相同的目录中使用localhost / myvideo.mp4或127.0.0.1/myvideo.mp4或/aaa/myvideo.mp4或myvideo.mp4的组合使得工作正常...但引用了完整的URL，如{{1}如上所述。

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

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

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

要添加MP4 MIME类型，请打开 Internet信息服务（IIS）管理器，然后按以下步骤操作：

在左侧面板中突出显示默认网站;
双击右侧面板上的 MIME类型;
向下滚动列表，注意没有 .mp4 ;
再次在右侧面板中，点击添加：在第一个字段，写下http://www.mywebsite.com/myvideo.mp4，然后在下面的字段中写下.mp4
点击“确定”即可完成。

重启IIS！

Answer 2

我遇到了这个问题，发现视频编解码器不受支持。

获取视频转换器软件（如Oxelon - 它是免费的）并选择输出为.mp4（即使源是.mp4）。选择视频编解码器为＆＃34; H264＆＃34;并且音频编解码器是＆＃34; AAC＆＃34;。这将解决您的问题。

Answer 3

我遇到了同样的问题

适用于Internet Explorer

我使用了FormatFactory，为音频设置了AAC编码，为mp4格式输出了H264，高质量和大尺寸＆＃34;

适用于谷歌浏览器

由于 Free WebM Video Converter ，我将原始视频转换为webm格式（请确保取消选中要安装广告的所有内容）。

花了很长时间，然后才在Chrome中使用。

<video controls>
  <source src="thevideo.mp4" type="video/mp4">
  <source src="thevideo.webm" type="video/webm">
</video>

Answer 4

我有一个类似的问题，但它仅适用于IE 11. Firefox运行良好。

在IE上，如果我进入兼容性视图并添加＆＃34; localhost＆＃34;在列表中，该框完全消失。

html5视频没有播放mp4错误“无效来源”？

4 个答案: