Reproducir video en la Web

Dependiendo del elemento HTML que uses, el video se puede reproducir "en línea" o a través de algún "asistente".

Videos en línea (Inline Videos)

Cuando un video se incluye en la página web o es parte de ella, se llama video en línea.

Al usar el elemento <img>, puedes agregar videos en línea a la página web.

Si planeas usar videos en línea en tu aplicación web, debes tener claro que a muchos usuarios les disgustan los videos en línea. Además, ten en cuenta que algunos usuarios pueden haber desactivado la opción de videos en línea en sus navegadores.

Nuestra recomendación es que incluyas videos en línea solo en los lugares donde el usuario desee escucharlos. Por ejemplo, al hacer clic en un enlace para ver el video después de que el usuario abra la página.

Usa asistentes (Plug-In, complementos)

Las aplicaciones de asistente son programas que se pueden iniciar mediante el navegador para "ayudar" a reproducir videos. Las aplicaciones de asistente también se conocen como complementos (Plug-Ins).

Las aplicaciones de asistente se pueden iniciar utilizando el elemento <embed>, o los elementos <applet> y <object>.

Una gran ventaja de usar aplicaciones de asistente es que permiten a los usuarios controlar ciertas configuraciones del reproductor.

La gran ventaja de usar aplicaciones de asistente es que permiten a los usuarios controlar ciertas configuraciones del reproductor, como el volumen y las funciones de reproducción, como repetir, pausar, detener y reproducir.

Usa el elemento <img>.

Internet Explorer admite la propiedad dynsrc en el elemento <img>.

La función de este elemento es incrustar elementos multimedia en la página web:

<img dynsrc="video.avi" />

El fragmento de código anterior configura un archivo AVI integrado en la página web.

Nota:La propiedad dynsrc no es un elemento estándar de HTML o XHTML. Solo Internet Explorer admite esta propiedad.

Usa el elemento <embed>.

Internet Explorer y Netscapeboth soportan el elemento <embed>.

La función de este elemento es incrustar elementos multimedia en la página web:

<embed src="video.avi" />

El fragmento de código anterior configura un archivo AVI integrado en la página web.

Puedes encontrar la lista de atributos del elemento <embed> en la última sección de este tutorial.

Nota:Internet Explorer y Netscapeboth soportan el elemento <embed>, pero no es un elemento estándar de HTML o XHTML. La World Wide Web Consortium (W3C) recomienda usar el elemento <object> para reemplazarlo.

Uso del elemento <object>

Internet Explorer y Netscapeboth soportan el elemento <object>.

La función de este elemento es incrustar elementos multimedia en la página web:

<object data="video.avi" type="video/avi" />

El fragmento de código anterior configura un archivo AVI incrustado en la página web.

Puede encontrar la lista de atributos del elemento <object> en la última lección de este tutorial.

Uso de hipervínculos

Si la página web contiene un hipervínculo que apunta a un archivo de medio, la mayoría de los navegadores usarán un "asistente" para reproducir el archivo:

<a href="video.avi">Haga clic aquí para reproducir el archivo de video</a>

El fragmento de código anterior establece un enlace a un archivo AVI. Si el usuario hace clic en el enlace, el navegador iniciará un programa asistente (por ejemplo, Windows Media Player) para reproducir el archivo AVI.