我最初开始尝试使用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
感谢所有帮助。
答案 0 :(得分:0)
按照以下步骤在IIS服务器中添加MIME类型
1)在IIS中选择要配置的站点,右键单击并选择&#34;属性&#34;
2)在HTTP标题选项卡下,选择&#34;文件类型&#34;在MIME Map部分下,选择&#34; New Type&#34;
3)输入&#34; .flv&#34;作为关联的扩展和&#34; video / x-flv&#34;作为内容类型或&#34; flv-application / octet-stream&#34;我不知道哪一个给这里。
4)对于.mp4文件类型&#34; .mp4&#34;作为扩展和&#34;视频/ mp4&#34;作为哑剧类型(我亲自测试过)
4)选择&#34;确定&#34;,
5)输入services.msc,找到&#34;万维网发布服务&#34;然后单击顶部的重启图标或打开并选择重启
或强>
您也可以添加到webconfig中,如下所示
<configuration>
<system.webServer>
<staticContent>
<mimeMap fileExtension=".mp4" mimeType="video/mp4" />
</staticContent>
</system.webServer>
</configuration>