Menú Curso Tecnologías en Cliente : Vídeos y Sonidos con JavaScript

(Anterior) Multimedia

La siguiente declaración demuestra como embedir un vídeo en un documento HTML / XHTML y que sea activado a través de un evento JavaScript :

Vídeo en Ventana "Pop-Up".

El siguiente link abre una ventana con un vídeo tipo MOV, al lado derecho de este link se encuentra su código fuente :

Vídeo tipo MP3
 
<a href="" 
      onmouseover="javascript:window.open('video.html', 'video',
                   'width=180,height=170,left=300,top=100,scrollbars=no,menubar=no')
"> Vídeo tipo MP3 </a>

El link anterior abre una ventana llamada video que contiene el documento video.html, dicha ventana es abierta al momento que el usuario pasa el apuntador de su "Mouse" por el link (no al momento que lo oprime); a continuación se describe el contenido del documento video.html.

 
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
        codebase="http://www.apple.com/qtactivex/qtplugin.cab"
        width="150"
        height="120">
<param name="src" value="relax.mov">
<param name="autostart" value="true">
<param name="controller" value="true">
<comment>
<embed width="150" height="120" loop="false" src="relax.mov" autostart="true"></embed>
</comment>
</object> 

  • Es utilizado el Tag <object> perteneciente al standard HTML 4.01 en conjunción de los elementos <param>, esta definición permite que el vídeo sea ejecutado correctamente en versiones de "Internet Explorer"; el atributo llamado controller permite que sea desplegada la barra de volumen en el "Browser"

  • Posteriormente es empleado el Tag propietario <comment> que es interpretado por "Internet Explorer" como un comentario, esto hace que el fragmento <embed> sea omitido en este Navegador, sin embargo, puesto que <comment> es insignificante para otros "Browsers" ("Netscape") a través de los Tags <embed> se ejecuta el vídeo correctamente.

  • Los parámetros del elemento <embed> indican el archivo que debe ser ejecutado (relax.mov) y las características de su ejecución : cargado automático (autostart=true) sin re-ejecución (loop=false).

Terminos Legales de Contenido ©2000-2011 Osmosis Latina

Diseñado bajo estándares : XHTML   CSS  

webmaster@osmosislatina.com