HTML 5 个视频 url 在服务器上未找到，但在本地工作

Question

我已经在 Azure 上部署了我的第一个网站，它是一个静态内容的网站 only.I 视频和 html 文件在同一个目录，即 wwwroot 我提供了一个视频路径在 index.html 这样的

<video loop muted width="1024" height="768" autoplay style="width: 101% !important;height: 100% !important;margin-top: -2%;margin-left: -1%;">
  <source src="intro.mp4" type="video/mp4">
</video>

我检查过它在本地可以正常播放，但是一旦我将内容部署到 Azure，其他内容加载但视频不加载，并且在我检查网络选项卡时显示 404。

网络控制台中的请求 url 也是 www.mywebsite.com/intro.mp4 并且未找到 404

我不明白为什么会这样，请帮忙

Answer 1

Azure Web App 不支持部分媒体文件直接部署。目前，我知道如果您将 SVG 图像和视频直接与 Web 应用程序一起部署，它们将无法在 Azure Web App 中运行。而且，我找不到任何文件谈论这种事情。

因此，我的建议是使用 Azure 媒体服务。如果您认为不需要 Azure 媒体服务，您可以将视频作为 blob 上传到 Azure 存储，并将容器的访问策略设置为 public。然后，您可以引用对应的视频 URL.

有关 Azure 存储和 Blob 的详细信息，请参阅Get started with Azure Blob storage using .NET

经过一些挖掘，我发现如果您使用的是 asp.net，则可以配置 Web 应用程序以使其支持视频。 Here 与您的问题类似。对于 asp.net 以外的网络应用程序，我不知道如何配置这样的东西。

HTML 5 个视频 url 在服务器上未找到，但在本地工作

HTML 5 video url not found on server, but working on local

azure

html5-video

azure-web-app-service