javascript - ASP.NET MVC/Javascript : VideoJS media could not be loaded

Question

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

我绑定(bind)了一个事件处理程序，如下所示:

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

感谢所有帮助。

Answer 1

按照以下步骤在 IIS 服务器中添加 MIME 类型

1) 在IIS中选择要配置的站点，右键单击并选择“属性”

2) 在“HTTP header ”选项卡下，选择“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>