30 marzo 2006

Insertar multimedia en HTML

Si deseamos incrustar o "embedir" un fichero multimedia de audio, video o streaming en nuestra web, podemos utilizar este código HTML basado en el reproductor Windows Media Player que funciona tanto para Internet Explorer como para Firefox (siempre que estén instalados los correspondientes plugins):

<object width="300" height="45" id="MediaPlayer" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
standby="Loading Windows Media Player components..."
type="application/x-oleobject"
codebase="http://activex.microsoft.com/activex/controls/mplayer
/en/nsmp2inf.cab#Version=6,4,7,1112
">

<param name="filename" value="http://server.com/fichero.mp3">
<param name="Showcontrols" value="True">
<param name="autoStart" value="False">

<embed autostart="0" type="application/x-mplayer2" width="300" height="45" src="http://server.com/fichero.mp3" name="MediaPlayer">
</embed>

</object>


Resultado:


Nota 1: para los ficheros de video se debe poner una altura mayor de 45 pixels, si no sólo se visualizarán los botones.

Nota 2: para que el parámetro "autostart" funcione correctamente en Firefox se debe utilizar "0" en lugar de "false" y "1" en lugar de "true".

Enlaces interesantes donde se describen todos los parámetros posibles:

1 comentario:

Antonio Ibarbe Tregear dijo...

Junto con darte las gracias, ya que e estado buscando como poner el windows media en mi blog, queria saber como lo pongo donde yo quiera. Me a dado artos problemas hacerlo.

Si me puedes ayudar te lo agradecira mucho