我最初开始尝试使用HTML <video>
元素播放所有(希望是几乎所有)mp4视频。我很快意识到mp4实际上不是视频编码,而实际上只是视频编码的包装器。这导致我尝试使用更高级的控件(在本例中为VideoJS
),但是播放mp4视频时仍然遇到问题。我的videojs控件如下所示:
<section>
<video id="videoPlayer" style="margin-top:30px" width="480" height="204" controls class="video-js vjs-default-skin">
<source src='@Url.Content("~/Content/AudioAssets/toystory.mp4")' type="video/mp4">
</video>
<div id="bar" style="background: linear-gradient(to right, rgb(85, 0, 0) 7.60904%, rgb(0, 0, 0) 7.60904%);" class="bar"></div>
</section>
我有一个绑定的事件处理程序,如下所示:
videojs("videoPlayer", {}, function(){
//do some work unassociated with video control
});
我在这里想念什么?我已经阅读了文档,其他示例似乎与此非常相似。请注意,我能够导航到Windows资源管理器中的文件并成功播放而没有问题。
我收到的Chrome调试器中的控制台错误如下:
VIDEOJS: ERROR: ((CODE: 4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported
感谢所有帮助。
最佳答案
请按照以下步骤在IIS服务器中添加MIME类型
1)选择要在IIS中配置的站点,右键单击并选择“属性”
2)在“ HTTP标头”标签下,在“ MIME映射”部分下选择“文件类型”,然后选择“新建类型”
3)输入“ .flv”作为关联的扩展名,并输入“ video / x-flv”作为内容类型或“ flv-application / octet-stream”,我不确定在此给出哪一个。
4)对于.mp4文件,键入“ .mp4”作为扩展名,键入“ video / mp4”作为mime类型(我亲自测试了这个)
4)选择“确定”,
5)键入services.msc,找到“万维网发布服务”,然后单击顶部的重新启动图标或打开并选择重新启动
要么
您也可以如下添加到webconfig中
<configuration>
<system.webServer>
<staticContent>
<mimeMap fileExtension=".mp4" mimeType="video/mp4" />
</staticContent>
</system.webServer>
</configuration>