Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
html5视频未播放mp4错误“;无效源“;?_Html - Fatal编程技术网

html5视频未播放mp4错误“;无效源“;?

html5视频未播放mp4错误“;无效源“;?,html,Html,我正在尝试HTML5视频标签,我下载了一个Microsoft示例并尝试运行它,但奇怪的事情发生了,它播放来自URL(注释标签)的视频,但对于本地mp4文件,它不显示错误并显示消息“无效源” 这是我的代码,请指导我应该怎么做才能使它正确运行本地文件 谢谢 <!DOCTYPE html> <html> <head> </head> <body> <!--<video src="http://www.bing.co

我正在尝试HTML5视频标签,我下载了一个Microsoft示例并尝试运行它,但奇怪的事情发生了,它播放来自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>

编辑


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

Windows 7 Pro上的Im。我在本地开发,然后远程托管/服务。在本地开发时尝试加载本地mp4文件也会遇到相同的情况。在与文件相同的目录中使用localhost/myvideo.mp4或127.0.0.1/myvideo.mp4或/aaa/myvideo.mp4或myvideo.mp4并没有任何组合可以起作用…但引用完整的URL,如
http://www.mywebsite.com/myvideo.mp4
完成了,如上所述

在本地机器上,Chrome没有显示错误消息…只是显示带有控件的黑框。没有关于发生了什么的线索。切换到IE,它显示了黑匣子、控件和错误消息无效源'

我主要关注@steveax问题和Mime类型

结果表明,此版本的windows/IIS中的IIS没有.mp4的MIME类型设置。不知道为什么不…但不是

要添加MP4 MIME类型,请打开Internet信息服务(IIS)管理器并执行以下步骤:

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

重新启动IIS

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

获得一个视频转换器软件(比如Oxelon,它是免费的),并选择输出为.mp4(即使源是.mp4)。选择视频编解码器为“H264”,音频编解码器为“AAC”。 这会解决你的问题。

我也有同样的问题

用于Internet Explorer

我使用FormatFactory,为音频设置AAC编码,为mp4格式设置H264输出,“高质量和大尺寸”

用于谷歌浏览器

由于免费的webm视频转换器,我将我的原始视频转换为
webm
格式(请确保取消选中所有要安装广告的内容)

这花了很长时间,但后来它在Chrome中工作了

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

我也遇到过类似的问题,但只是IE 11的问题。Firefox工作得很好


在IE上,如果我转到兼容性视图并将“localhost”添加到列表中,该框将完全消失。

本地文件是否可以在其他多媒体播放器中正常播放?可能返回的mime类型错误。在本地加载文件时,响应头会说什么?@MrLister,是的,它在多媒体播放器中播放。@steveax,它不会在web中本地运行,但我可以在媒体播放器中运行。我没有在任何地方设置mime类型。这是全部代码。正如我提到的,奇怪的是,来自URL的文件正在播放。它在所有浏览器上都不能工作吗?如果它适用于任何一个特定的浏览器,那么请指定它。在我的例子中,我使用ffmpeg使用-acodec mp2标志对MP4进行编码。我把它改为-acodec libvo_aacenc,现在它可以工作了。谢谢