I tested the above video on a Mac in Chrome (it works), Safari (it works), Firefox (it works after I logged back into the Amazon S3 console and changed Content-Type: video/ogg). Can someone take a look in IE9 on a PC and let me know (in the comments section below) if the video displays / plays for you?
The below comment was before making the change to the .ogg file in Amazon S3:
What’s odd with Firefox is that when I load the page with my multi-browser <video> code, which I got from VideoJS, the .ogv file does not play, but when i open a new browser tab and drag the .ogv file from my desktop directly into the browser window the video does play. I then changed the extension to .ogg from .ogv for shits and giggles and again, same result – the video file didn’t load / play through the player code, but it did play when i simply dragged the .ogg video file into a blank html tab / window.
Firefox fix
To get the .ogg video file to play in Firefox, Heff from VideoJS / Zencoder pointed out that I need to log into the Amazon S3 dashboard and change some settings for the .ogg file.
I created the actual video file using the Firefogg video encoder, which is a free firefox plugin.
I also created the WebM version of the video with Firefogg. I used quicktime to create the MP4 version.
I’m already getting a headache encoding and transcoding in various file formats so that the video plays on all the browsers. I’m doing all this in a DIY fashion (e.g. uploading my videos and still image to Amazon S3 and using free video player code that’s publicly available) versus using an Online Video Platform (OVP). OVPs do all the transcoding on their servers so you don’t have to deal with multiple encodes yourself…just upload your source video file and be done with it.
