如何在MVC应用程序中嵌入视频？

Question

我想在我的MVC网站上嵌入我的产品的演示视频。我已阅读此论坛上的其他帖子，看起来最好的方法是：

            <video controls="controls" autoplay="autoplay">
                <source src="~/Files/Demo Video.mp4" type="video/mp4" />
                Your browser does not support the video tag.
            </video> 

奇怪的是，当我在本地运行它时，这是有效的，但是当我将它发布到我的Azure网站时，我会显示视频播放器，但它会给我留言：

             Invalid Source

在'Files'目录中发布我缺少的视频内容是否有一些技巧？在Visual Studio中，'Demo Video.mp4'将'Build Action'作为'Content'，将'Copy to Output Directory'设置为'Copy if Newer'。我错过了什么？

Answer 1

请尝试通过App Service Editor在Web.config中添加.MP4文件的MIME类型。

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

此外，请确保Demo Video.mp4是否在Azure网站上的Files文件夹中。我建议您将视频（或其他静态文件）存储在Azure storage中。

修改：

以下是我用于在网页中显示视频的项目文件夹结构和主要代码。如果可能的话，你可以尝试创建一个新的MVC项目，并像我一样做，然后将项目发布到一个新的Azure网站，以检查它是否可以正常工作。

项目文件夹结构

将以下代码放入About页面

@{
    ViewBag.Title = "About";
}
<h2>@ViewBag.Title.</h2>
<h3>@ViewBag.Message</h3>

@*<p>Use this area to provide additional information.</p>*@

<video controls="controls" autoplay="autoplay">
    <source src="~/Files/Demo Video.mp4" type="video/mp4" />
    Your browser does not support the video tag.
</video>

浏览网站