Camen Design Forum

Will not work in firefox

append delete 12 Feb ’12 · 21:39 Jeffd

Can any help he driving me crazy. Have embedded code and works fin in IE9, Chrome. & Iphone but will not play on fire fox. Code as follows:
<video controls="controls" poster="http://www.vinylscore.co.uk/Video%20remake/Home%20Video.jpg" width="480" height="270">
<source src="http://www.vinylscore.co.uk/Video%20remake/Home%20Video.theora.ogv" type="video/mp4" />
<source src="http://www.vinylscore.co.uk/Video%20remake/Home%20Video.webmvp8.webm" type="video/webm" />
<source src="http://www.vinylscore.co.uk/Video%20remake/home%20video_qtp.mp4" type="video/ogg" />
<object type="application/x-shockwave-flash" data="http://www.vinylscore.co.uk/Video%20remake/flashfox.swf" width="480" height="270">
<param name="movie" value="http://www.vinylscore.co.uk/Video%20remake/flashfox.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="controls=true&poster=http%3A%2F%2Fwww.vinylscore.co.uk%2FVideo%2520remake%2FHome%2520Video.jpg&src=http%3A%2F%2Fwww.vinylscore.co.uk%2FVideo%2520remake%2Fhome%2520video_qtp.mp4" />
<img alt="Home Video" src="http://www.vinylscore.co.uk/Video%20remake/Home%20Video.jpg" width="480" height="270" title="No video playback capabilities, please download the video below" />
</object>
</video>
<p>
<strong>Download video:</strong> <a href="http://www.vinylscore.co.uk/Video%20remake/home%20video_qtp.mp4">MP4 format</a> | <a href="http://www.vinylscore.co.uk/Video%20remake/Home%20Video.theora.ogv">Ogg format</a> | <a href="http://www.vinylscore.co.uk/Video%20remake/Home%20Video.webmvp8.webm">WebM format</a>
</p>
site = http://www.jeffd.create.net/blog/

Replies

append delete 12 Feb ’12 · 21:52 #1. Kroc

Okay, you have a few things that are incorrect with this code.

Before I get to those, I would recommend using a solution such as http://mediaelementjs.com instead of Video for Everybody, things will be easier.

The OGG and MP4 lines are the wrong way around and have the mime types swapped:
This,

%
<source src="http://www.vinylscore.co.uk/Video%20remake/Home%20Video.theora.ogv" type="video/mp4" />
<source src="http://www.vinylscore.co.uk/Video%20remake/Home%20Video.webmvp8.webm" type="video/webm" />
<source src="http://www.vinylscore.co.uk/Video%20remake/home%20video_qtp.mp4" type="video/ogg" />
%

should be this:

%
<source src="http://www.vinylscore.co.uk/Video%20remake/home%20video_qtp.mp4" type="video/mp4" />
<source src="http://www.vinylscore.co.uk/Video%20remake/Home%20Video.webmvp8.webm" type="video/webm" />
<source src="http://www.vinylscore.co.uk/Video%20remake/Home%20Video.theora.ogv" type="video/ogg" />
%

Also, the WebM and OGV files are 404, have you actually converted the video and uploaded these versions?

Hope this helps. :)

Kroc.

append delete 12 Feb ’12 · 22:08 #2. jeffd

Thanks Kroc. I originally had files in the order you suggest. changed after reading possible fix. Have tried media element with no sucess. but will have another go. thanks so much for your input

append delete 13 Feb ’12 · 12:39 #3. m00nshine

It would seem the Webm and OGV files are the proble. getting 404. from other users on web it would appear the .htaccess file may be the proble. I have uploaded .htacces to same folers as videos and player. file contains AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
SetEnvIfNoCase Request_URI \.(ogv|mp4|webm)$ no-gzip dont-vary
Any clues as to where I am going wrong, would be much appreciated

append delete 13 Feb ’12 · 12:49 #4. Kroc

Well 404 means the files are missing. Have you confirmed they are uploaded, and named correctly according to the URLs you are referencing them with?

append delete 13 Feb ’12 · 13:01 #5. m00nshine

All files have been uploaded to same directory. Files in question are:
www.vinylscore.co.uk/Feb13%20Video/index.files/Silent_Decades.mp4
www.vinylscore.co.uk/Feb13%20Video/index.files/Silent_Decades.ogv
www.vinylscore.co.uk/Feb13%20Video/index.files/Silent_Decades.webm

MP4 file loads ok if a little slow
Other 2 files give 404 error

append delete 13 Feb ’12 · 13:02 #6. Kroc

Could you point us please to a test page on your site that you’re using that contains the current HTML you are using, that would help a lot.

append delete 13 Feb ’12 · 13:17 #7. m00nshine

site with code embededed is http://www.jeffd.create.net/blog/

append delete 13 Feb ’12 · 13:24 #8. Kroc

The webm and ogv files are still producing 404s. Are you sure the filenames are correct — including case — linux servers are case-sensitive.

append delete 13 Feb ’12 · 13:28 #9. M00nshine

filenames are as on server I copied and pasted url link from Filezilla.
ftp://viny9669@www.vinylscore.co.uk/Feb13%20Video/index.files/Silent_Decades.webm
could the space in the file name be causing a problem file name on local drive is Silent Decades shows as Silent_Decades on server ?

append delete 13 Feb ’12 · 13:29 #10. Kroc

It shouldn’t... but it’s worth a try removing the space so as to rule out any possibility.

append delete 13 Feb ’12 · 13:53 #11. m00nshine

changed file name to just "decades" With No joy !

append delete 13 Feb ’12 · 13:59 #12. Kroc

I meant the space in the folder name! :)

append delete 13 Feb ’12 · 15:12 #13. m00nshine

Sorry. You have probably guessed am a bit of a novice at this. Have now changed removed space from folder name. but sitt getting the 404 message and viden still will not load in firefox

append delete 13 Feb ’12 · 18:07 #14. m00nshine

Have found others with similar problem when searching web. It would seem problem may be with me using Go Daddy server and several suggest creating a web.config file to detail mime types. reluctantto do this as have seen warning that this could crash site. any advise would be appreciated

append delete 13 Feb ’12 · 22:59 #15. Kroc

At this point I suggest you contact your host for support, sorry, nothing more I can really suggest :(

append delete 14 Feb ’12 · 13:20 #16. m00nshine

Thanks for your help. Have now uploaded file to a new server and istantly solved problem. Video now play fine in Firefox !!
Only issue I am still to reslove is problem with video showing with colour washed out in Safari

append delete 14 Feb ’12 · 14:12 #17. m00nshine

Problem now resolved. many thanks

append delete 09 May ’12 · 09:28 #18. Sneha

can you plz tell me, which server u have used other than FileZilla

Reply

Your friendly neighbourhood moderators: Kroc, Impressed, theraje, Martijn