can't play webm, mp4, wmv

[SankaCoffie]

Hello,
I've uploaded a video to my website with webm as primary format, mp4 as secondary format, and wmv as third string format, but when I view the page in Firefox, I get this message displaying over the video poster: "No video with supported format and MIME type found." The video plays fine in Google Chrome and Internet Explorer. What's up with Firefox?

[therube]

> uploaded a video to my website

Link?

[dickvl]

Does the server send the files with the correct MIME type?
https://developer.mozilla.org/Properly_ ... MIME_Types
https://developer.mozilla.org/How_Mozil ... MIME_Types

[Gingerbread Man]

Hello,

WMV is a bizarre choice for a web page. It would make a lot more sense to use a Flash Player fallback to play the MP4 if the browser doesn't support it.

[SankaCoffie]

Page is at http://tinyurl.com/naqv64m

Does the server send the files with the correct MIME type?
https://developer.mozilla.org/Properly_ ... MIME_Types
https://developer.mozilla.org/How_Mozil ... MIME_Types

Oh, man, this is over my head.

[LIMPET235]

Moving to Web Dev...

[SankaCoffie]

Hello,

WMV is a bizarre choice for a web page. It would make a lot more sense to use a Flash Player fallback to play the MP4 if the browser doesn't support it.

I tried a flash version of the video, but it added a LOT of code to the page, and it still didn't display in FF.

[Gingerbread Man]

Page is at http://tinyurl.com/naqv64m

http://cityofdepoebay.org for those who don't like suspicious surprises.

Oh, man, this is over my head.

You're sending the files with the Content-Type: text/plain header. So you're telling Firefox they're text files.

You have an Apache server. If you're in a shared hosting environment, you'll want to put the following in the .htaccess file:

Code: Select all

AddType video/webm .webm
AddType video/mp4 .mp4
AddType video/x-ms-wmv .wmv

If you have your own server, you'll want to add the following to mime.types (usually found in etc/apache2/mime.types):

Code: Select all

video/webm webm
video/mp4 mp4
video/x-ms-wmv wmv

http://httpd.apache.org/docs/2.4/howto/htaccess.html

I tried a flash version of the video, but it added a LOT of code to the page, and it still didn't display in FF.

That's a very vague statement, so I can't really comment. Once you get the MIME types sorted out, I suggest you perform a web search for "HTML5 video Flash fallback" and refer to one of the many guides out there.

[SankaCoffie]

You have an Apache server. If you're in a shared hosting environment, you'll want to put the following in the .htaccess file:

Code: Select all

AddType video/webm .webm
AddType video/mp4 .mp4
AddType video/x-ms-wmv .wmv

Once you get the MIME types sorted out, I suggest you perform a web search for "HTML5 video Flash fallback" and refer to one of the many guides out there.

The code works like a charm, thank you!! I'll research further.

[therube]

cityofdepoebay.org/promo.webm plays fine for me, XP.

[Gingerbread Man]

The code works like a charm, thank you!!

You're now sending Content-Type: addtype, which is invalid. The fact that it works is just luck. Don't count on other versions of Firefox and other browsers reacting well to the invalid MIME type.

Server response headers can be examined with either the built-in Web Console or the Live HTTP Headers add-on.
https://developer.mozilla.org/docs/Tools/Web_Console
https://addons.mozilla.org/firefox/addon/live-http-headers/

You're welcome.

[SankaCoffie]

Code: Select all

AddType video/webm .webm
AddType video/mp4 .mp4
AddType video/x-ms-wmv .wmv

You're now sending Content-Type: addtype, which is invalid. The fact that it works is just luck. Don't count on other versions of Firefox and other browsers reacting well to the invalid MIME type.

I think you're telling me that the code snippets you provided need to have the "AddType" removed before adding it to the .htaccess file. I've done this, and again the file seems to be playing appropriately on the page.

[Gingerbread Man]

You're now sending Content-Type: text/html for .webm which tells Firefox the WebM file is a web page.

The .mp4 and .wmv are okay. So whatever you did wrong with the .webm, adjust it so that it matches the syntax of the others.

[SankaCoffie]

Well, I thought I did them all the same, cutting and pasting from the provided code. Not seeing any way to edit the .htaccess file, I deleted the entry for webm and re-created it. It seems to still be working. I tried both the add on and the Web Console tool - sorry, but I can't figure out where to look to check for accuracy.

I miss the days when it was all much simpler...