Yesterday, somebody mentioned that the HTML5 video tag with Ogg Theora/Vorbis can be played back in Safari if you have XiphQT installed (btw: the 0.1.9 release of XiphQT is upcoming). So, today I thought I should give it a quick test. It indeed works straight through the QuickTime framework, so the player looks like a QuickTime player. So, by now, Firefox 3.5, Chrome, Safari with XiphQT, and experimental builds of Opera support Ogg Theora/Vorbis inside the HTML5 video tag. Now we just need somebody to write some ActiveX controls for the Xiph DirectShow Filters and it might even work in IE.
While doing my testing, I needed to go to some sites that actually use Ogg Theora/Vorbis in HTML5 video tags. Here is a list that I came up with in no particular order:
- Chris Double’s Tinyvid
- Dailymotion’s Open Video Demo (restricted to Firefox 3.5)
- Michael Dale and Aphid’s Metavid
- Archive.org’s videos
- Wikipedia’s videos
- the FOMS workshop videos
I’m sure there’s a lot more out there – feel free to post links in the comments.
http://flashingtwelve.brickfilms.com/Website/OperaDemo.html
http://footage.stealthisfilm.com/
http://www.double.co.nz/video_test/
http://dev.opera.com/articles/view/a-call-for-video-on-the-web-opera-vid/
http://annevankesteren.nl/2008/09/fronteers-html5-video
Some of the few I spotted on the Xiph.org Theora Videos Wiki.
http://wiki.xiph.org/index.php/List_of_Theora_videos
I get only audio and no video 🙁
Thomas: what browser and browser version are you using?
BTW: plenty of open source conferences are also publishing the videos in Ogg Theora/Vorbis format.
For example:
* LCA: on the individual conference pages or through the mirror at http://mirror.linux.org.au/linux.conf.au/
* DebConf: on the individual conference pages, e.g. http://wiki.debconf.org/wiki/DebConf8/Streams
There are more, but I can’t think of them right now.
Just plugging my own site, been using Theora and Cortado for a few years and added an HTML5 option this year.
http://webcam.firestorm.cx/
I’m using the audio tag on my website for the Bullfrog mating call, with fall back to object tag for older browsers, with fall back to link for older browsers w/o a plugin. As I get recording of more species in my area, they will be added the same way.
But because I’m rather pedantic and don’t like web pages that do not validate to a standard (even if custom), first I modified both the html 4.01 and xhtml 1.1 DTD’s to validate with the new audio/video/source tags – and have demonstration audio (the frog call) and video on the page I used to test my dtd:
http://www.clfsrpm.net/dtd/
The video used on that page is small and works fine on older hardware (like my 1999 era Thinkpad T20)
I am teaching HTML5/CSS to students and the students work have been showcased as individual web pages validated from w3’s validator service.
Here’s the page that contains the students’ work:
http://teachmeprogramming.com/Can-Children-learn-HTML.html
Thanks,
Moriah