HTML 5 Video Compatibility Problem/Puzzle

HTML & CSS
1

So I have read a lot about the subject, and thought that the following code would work with all up to date browsers:

<video width=“640” height=“480” controls=“controls”>
<source src=“video/filename.mp4” type=“video/mp4” />
<source src=“video/filename.webm” type=“video/webm” />
Your browser does not support the video tag.
</video>

The mp4 file is coded in H.264.

I have a LAMP server at home and this works with my Linux client computer with Firefox, Chromium and Epiphany.

However when I load to my Web host, it fails with Firefox. On the same client I use for testing with my home server. I get an Firefox error saying “No video with supported format and MIME type found”

If I remove the mp4 line, Firefox is happy to render the webm file.

So when I access my web server, the Firefox client is dying at the mp4 file and not skipping it to use the webm file.

Yet the same browser does this on my test server.

Any thoughts on how to deal with this?

Thanks
Stephen

2

I suspect it’s the H.264 codec or your server MIME is not setup correctly, e.g. AddType video/mp4 .mp4 within Apache. Have you tried swapping the order of those two formats.

3

Swaping the order of the lines made no difference.

And while the Apache server is what is defferent in the two cases, I don’t see why that would make a difference. The MIME type is specified in the source tag itself.

4

I would suspect it is too late by the time you’ve suggested it in the browser and since according to #1 it seems to work locally but not when externally live? Those are the only two differences so adding the correct MIME on the server might work. This is presuming it isn’t a plugin bug, which again will be MIME or codec related albeit I thought there were issues anyway regarding that codec and you might need to be more specific in the markup attributes.

5

It makes a difference. The server also specifies the MIME type in the Content-Type header. Firefox respects it – if it says, say, text/plain for both videos, Firefox will fail to load both of them. (Opera used to do this as well.)

6

Thank you for the explamation.

Now I use a shared server, and getting the host to change settings may be like pulling teeth.

How can I see the Content-Type header so that I can send it to tech support?

Thanks

7

You can use e.g. http://www.rexswain.com/httpview.html (the result page also has a permalink that you can send to tech support if you like).

8

This is not working for me :frowning: i am also having that problem, and more problem about video etc…friends suggest me this videocap software but its not free so am a bit skeptic…what are you think guys?