Unable to host MP4 files on Azure web site

Question

I am hosting a static website on a reserved web site in Azure (It is PaaS, no access to OS/IIS). I am trying to add some .mp4 videos but when I click on the links I get

The resource you are looking for has been removed, had its name changed, 
or is temporarily unavailable.

Please see example here. If I right click on the link and try to save file I get - Failed - No file.

I am using a paid instance so don't think it is resource issue. The video files are less than 2MB. They have never worked. The site is very static.

Does anyone know how I can resolve this? Should I be hosting MP4 files in some other way?

Thanks,

Are you sure the file itself is being uploaded to Azure? In Visual Studio, when it builds the package to upload, depending on the settings on that file type it may not actually be uploaded because it's not put into the package. — Jaxidian, Jun 17 '13 at 16:31

score 79 · Answer 1 · edited Nov 19 '17 at 12:14

79

The linked SO answer worked for me conceptually, but it didn't indicate the appropriate fileExtension. My config had to instead indicate the following. (Note, for any who have this question, by default my azure website didn't have a web.config initially, so I had to add the following to a text file, save as web.config, and FTP to my webroot.

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <staticContent>
               <remove fileExtension=".mp4" />
               <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
               <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="7.00:00:00" />
     </staticContent>
    </system.webServer>
</configuration>

edited Nov 19 '17 at 12:14

Tony

16,527
15
80
134

answered Nov 06 '14 at 18:29

ewitkows

3,528
3
40
62

1

This solution worked fine for me, but not when I run at localhost. Do I have to manager two differents webconfig? – Marcelo Sader Nov 27 '16 at 22:32
6

@MarceloSader add `` before `mimeMap`. – Vadim Ovchinnikov Dec 01 '16 at 11:29
Thank you, that worked for me. Question, what does the `` do? – Daniel Congrove Mar 06 '17 at 02:56
1

It worked but I had to add it in the folder of the video. – A. Morel Jun 27 '17 at 21:13

score 9 · Answer 2 · answered Apr 12 '19 at 16:22

9

There is only a single way to do this currently, and I confirmed this with the Azure team.

Add a web.config file to the root of the application wwwroot\web.config with the following contents

<?xml version="1.0" encoding="UTF-8"?>
  <configuration>
    <system.webServer>
      <staticContent>
        <mimeMap fileExtension=".mp4" mimeType="application/mp4" />
      </staticContent>
    </system.webServer>
  </configuration>

answered Apr 12 '19 at 16:22

A. Wentzel

484
8
16

Like A. Morel said above, this worked for me, but I had to put it in the folder with the video itself. There was no Web.config in this project because it was a React App created with the CLI – Marc Ziss Apr 18 '20 at 20:18
Unfortunately, even React Stacks, require the web.config to properly configure the server for this due to the way the containers are architected. Hopefully, soon, if we choose a node stack it will be just that, Linux/Nginx/Node and NO Windows/.NET stuff at all. – A. Wentzel May 05 '21 at 15:56

score 7 · Answer 3 · edited May 23 '17 at 12:26

7

Have you confirmed your MIME type for .MP4 is correctly configured, as asked:

Windows Azure - Serve unknown (mp4) MIME types in Windows Azure IIS storage

edited May 23 '17 at 12:26

Community

1
1

answered Jun 18 '13 at 03:18

RyanCEI

426
2
7

1

.MP4 was not correctly configured. So I created the web.config file in the root of the site and all is good. – Ed Cunn Jun 18 '13 at 14:38
Can you please accept my original answer to close out the post? Thanks! – RyanCEI Jun 18 '13 at 17:54
3

Please bear in mind that once you have added the mime mapping to your web.config, your local copy might give you some problems. this was the case for me. Adding just before you add the mapping will solve that. – zawisza May 20 '14 at 07:17

score 1 · Answer 4 · answered Oct 08 '19 at 11:16

I got this exact same problem. The video played on the localhost but not when deployed to Azure.

ewitkows' answer is correct. The web server isn't returning the proper MIME type, so you need to add them to your web.config's <system.webServer> element.

However, I'd just like to add one more detail. When you add the code that ewitkows' answer mentions, your website might stop displaying video on localhost even though it displays correctly on Azure. If you right-click the <video> HTML element and click the View Video menu command from the context-menu, it will give you a 500 HTTP Status Code, and will display the IIS custom error page for it like so:

Observe the Config Error, Config File and Config Source sections. They tell you that IIS already has a MIME type mapping for the elements you added in the web.config.

<staticContent>
  <remove fileExtension=".ogv"/>
  <remove fileExtension=".webm"/>
  <remove fileExtension=".mp4"/>

  <mimeMap fileExtension=".ogv" mimeType="video/ogg"/>
  <mimeMap fileExtension=".webm" mimeType="video/webm"/>
  <mimeMap fileExtension=".mp4" mimeType="video/mp4"/>
</staticContent>

So, you need to also remove the IIS ones first. Then it will work on both localhost and also on Azure.

score 0 · Answer 5 · answered Jan 21 '20 at 16:36

0

If you're using an Azure App Service, see the answer at How to add Mime Types in ASP.NET Core I tried the web.config route and it didn't work but editing Startup.cs did

answered Jan 21 '20 at 16:36

TimSmith-Aardwolf

536
6
14

score -1 · Answer 6 · answered Jan 04 '18 at 12:47

-1

Azure Web Apps does not support some types of media files. You could use an Azure Media Service to upload it and later refer the media file from your code.

answered Jan 04 '18 at 12:47

Maxi Marchesi

1

Unable to host MP4 files on Azure web site

6 Answers6

Linked

Related