ASP.NET MVC / Javascript:无法加载VideoJS媒体

时间:2017-01-24 18:39:05

标签: javascript asp.net asp.net-mvc video

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

感谢所有帮助。

1 个答案:

答案 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>