This is a test of the HTML5 video element. It should work in all browsers except Internet Explorer 8 and older and some of the older versions of Firefox and Chrome, but I have coded a fallback version in flash for those browsers that don't support the video element.
Initially, I had a problem getting the video to load in IE9. In the video element, I inserted child source elements for MPEG-4, webm, and ogg versions of the video. IE9 and Safari both use the MPEG-4 format, and although the video loaded and played in Safari, IE9 only displayed a red x in the video box. It turns out that IE9 is looking for a MPEG-4(.mp4) file that uses the H.264 and AAC codecs. After converting the file into an MPEG-4 using those codecs, it now works in both browsers.
Here is a summary of the different video files that I used with the file ext, mime types, and codecs.
- MPEG-4
- file ext: .mp4; mime type: video/mp4; codecs: H.264, AAC
- webm
- file ext: .webm; mime type: video/webm; codecs: vp8, vorbis
- OGG
- file ext: .ogg; mime type: video/ogg; codecs: theora, vorbis
This is a video of one of our kitties doing something that she really enjoys. Smoochi's favorite activities include eating, sleeping, scratching things, and being cute.