时间戳

首页 > 解决方案 > Videogular2 视频在发布时中断

angular - Videogular2 视频在发布时中断

问题描述

我有一个 angular 4 项目并使用 Videogular2 添加了一个视频，如下所示：

<vg-player>
  <video [vgMedia]="media" #media id="singleVideo" preload="auto" controls>
    <source src=".\assets\videos\Video1.mp4" type="video/mp4">
  </video>
</vg-player>

它在本地工作。但是当我发布它时，视频显示为损坏的视频。在他们的文档中，我看到他们输入了视频的完整路径，但是当我尝试这样做时，我得到了相同的结果。如果我导航到视频的完整路径，我会得到：

您要查找的资源已被删除、名称已更改或暂时不可用。

我错过了什么？

标签： angularvideogular

解决方案

发现了问题。

因为我使用的是 Azure，所以我需要创建自己的 web.config 文件。在其中我必须告诉 IIS 允许 mp4 mime 类型，只需将此 mimeMap 行添加到 staticContent：

<system.webServer>
    <staticContent>
        <mimeMap fileExtension=".mp4" mimeType="video/mp4"/>
    </staticContent>
</system.webServer>

推荐阅读