En este artículo veremos cómo incluir un video en formato Ogg Theora en una página web, de tal forma que pueda ser reproducido en la mayoría de los navegadores, utilizando únicamente software libre.

La forma más fácil de incluir un video Ogg Theora en una página web, es utilizando la etiqueta <video> de HTML5:

<video src="video.ogg"></video>

Sin embargo, los navegadores que todavía no soporten la etiqueta <video>, no podrán reproducirlo. Para estos casos, la etiqueta <video> nos permite incluir código que puede ser ejecutado en los navegadores incompatibles. Por ejemplo, podemos poner un enlace al archivo del video:

<video src="video.ogg">
   <a href="video.ogg">Video</a>
</video>

Si queremos que el video se reproduzca en estos navegadores, se puede utilizar el script ITheora, el cual intenta abrir el video utilizando algún complemento del navegador, un reproductor local, como VLC, o el applet Java Cortado. Si no puede utilizar ninguna de estas opciones, ITheora permite descargar el video. El siguiente código HTML llama a ITheora para que reproduzca el video, si el navegador no soporta la etiqueta <video>:

<video src="video.ogg">
   <object
      data="/itheora/index.php?v=video.ogg"
      type="application/xhtml+xml"
      style="width: 320px; height: 240px;">
   <!--[if IE]>
      <iframe
      src="/itheora/index.php?v=video.ogg"
      style="width:320px; height:240px;"
      allowtransparency="true"
      frameborder="0" >
      </iframe>
   < ![endif]-->
   </object>
</video>

La etiqueta video y ITheora también permiten reproducir videos transmitidos desde un servidor de streaming:

<video src="http://servidor:8000/vivo.ogg" width="320" height="240">
   <object
      data="/itheora/index.php?v=http://servidor:8000/vivo.ogg&l=es"
      type="application/xhtml+xml"
      style="width: 320px; height: 240px;">
   <!--[if IE]>
      <iframe
         src="/itheora/index.php?v=http://servidor:8000/vivo.ogg&l=es"
         style="width:320px; height:240px;"
         allowtransparency="true"
         frameborder="0" >
      </iframe>
   < ![endif]-->
   </object>
</video>

Para mayor información, se puede consultar la documentación disponible en el sitio web de ITheora, los capítulos de HTML5 y streaming del libro TheoraCookbook de FLOSS Manuals y el artículo Working with Ogg Theora and the video tag de la Free Software Foundation. Además, recomiendo apoyar la campaña PlayOgg para promover el uso de este formato libre para audio y video.