ginger's thoughts

Silvia's blog

Sites with Ogg in HTML5 video tag

Digital Media, FOMS, Open Codecs, Open Source browser-support, examples, html5-video, ogg-video

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:

I’m sure there’s a lot more out there - feel free to post links in the comments.

Comments

  1. Matthew
    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
  2. Thomas
    I get only audio and no video :-(
    1. silvia
      Thomas: what browser and browser version are you using?
  3. silvia
    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.
  4. fsphil
    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/
  5. Michael A. Peters
    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)
  6. Moriah
    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