HTML5 video embedding

0
votes

I am trying to embed HTML5 video in bootstrap 2.2.2 based design but it is not working on Firefox, however it is working fine with chrome but on firefox it says No video with supported format and MIME type found. I have tried adding these to .htaccess file and uploaded this to my root directory but this didn't helped either.

  • AddType video/mp4 mp4 m4v
  • AddType audio/mp4 m4a
  • AddType video/ogg ogv
  • AddType audio/ogg ogg oga
  • AddType video/webm webm

I have also converted videos into different html supported format and tried to add but no luck. This is the page where I am adding videos and you can see the source

Note: I went to through previous questions on stackoverflow but no luck there and I do not have apache config files to allow video style as I am on shared hosting.

3
html.htaccessgoogle-chromefirefoxvideo
Hi! I got the feeling that you described behaviour is related to this problem (android.stackexchange.com/questions/57189/…). – TheLostOne

3 Answers

0
votes

First of all, both your webm and ogg files are throwing a 404 error - file not found. secondly, in your question you have the right mime type, but in the code you are using 

video/ogv

which is incorrect. it should be 

video/ogg

EDIT

Furthermore, you should not be using the same id on the elements id="video" rather e.g. id="video1".

However these are not the real problem you are facing. If you have indeed uploaded the files, if it won't play, firefox will still try to download it. My intuition tells me it is something to do with your htaccess...

The reason why I say this is because I discovered that the server is doing some wacky redirection, and this is a valid address that enables the browser to download the mp4:

http://ritzcarltonmiamibeach.com/ritzcarltonmiamibeach.com/videos/aerial.mp4

Why don't you post your entire htaccess?

0
votes

You could try this: http://mediaelementjs.com/

Seems to have good reviews.

0
votes

I agree with denjello that your server might be doing some strange redirection. However, this does not seem to be a problem for the mp4 files, which I was able to access directly from the browser, even with the strange redirection.

So it's likely that webm videos are disabled from another place. It will be difficult to find out exactly what is going on since, as you say, you have no access to the apache config files. Have you asked your hosting company about this?

I know this is not the optimal solution, but you can consider loading the videos from another server. I would recommend that you try this at least for testing purposes to rule out other sources of errors.