我最初开始尝试使用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>

10-05 20:53
查看更多