Para insertar vídeo en nuestros documentos web podemos usar varias formas una mediante la etiqueta img, embed y object.

(A) la etiqueta   <img>

Internet Explorer introdujo nuevas posibilidades a la etiqueta estándar <img> para la inclusión de ficheros de video en una página web, por medio de los siguientes atributos:

• dynsrc="ruta_fichero_video". Especifica la localización del fichero, y donde ruta_fichero_video puede ser una ruta local relativa, una ruta a partir del directorio raíz del servidor web o una URL completa de localización del fichero en Internet.
• loop="n /infinite". Fija el número de veces que se debe visualizar el fichero de video (n veces o infinitas). El valor por defecto es 1.
• start="fileopen /mouseover". Establece si el fichero se debe empezar a ejecutar al abrir la página (valor por defecto) o cuando se pase el puntero del ratón sobre él.
• También podemos encontrar en las referencias otros atributos, pero que sólo tienen efecto en versiones antiguas de Internet Explorer: controls, que teóricamente debería hacer aparecer los controles de la consola del visualizador, loopdelay="m", que especifica el tiempo en milisegundos (m) que hay entre una y otra reproducción del video. Esta forma de presentar videos no es compatible con los navegadores Netscape, por lo que no se aconseja su uso. En caso de querer usarla, podemos especificar una imagen principal en la etiqueta IMG mediante su atributo SRC, de tal forma que en los navegadores Netscape se verá dicha imagen, mientras que en Internet Explorer se mostrará el video.

Ejemplo: (sólo para Internet Explorer)

<img src="img/motion2.avi" dynsrc="img/motion2.avi" 
                   loop="2" width="250" height="160">
  

visualizacion:

Además de los atributos anteriores, podemos usar los que admite una imagen estándar: align, border, width, height, etc., pero teniendo en cuenta que algunos de ellos se verán limitados a las características propias de un fichero de video. Por ejemplo, si modificamos la altura del video mediante el atributo height, la anchura del mismo también se modificará de forma equivalente, para mantener las proporciones originales.

La etiqueta <embed>

Esta etiqueta funciona exactamente igual que para los archivos de audio vistos anteriormente.

atributos relativos al video:

• src="ruta_fichero" Fija la ruta en la que se encuentra el fichero de video a reproducir. La ruta puede ser relativa a nuestro sistema de carpetas local, absoluta respecto el sistema de carpetas del servidor web o una URL completa que localice le fichero en Internet.
• loop="true/false". Determina el número de veces que se debe ejecutar el fichero de video. Los valores admitidos son true (infinitas veces) y false (sólo una vez).
• type="tipo_fichero". Atributo importante, que declara el tipo de fichero de video que estamos usando, con lo que el navegador web puede ejecutar el programa o plugin adecuado para la reproducción del fichero. Puede ser video/avi, video/quicktime (.mov), video/mpeg, etc.
• pluginspage="URL". Establece, en caso de ser necesario un plugin especial para reproducir el fichero, la página web donde se puede descargar el mismo. Sólo se activa en el caso de que el navegador no sea capaz de reproducir el fichero por sí mismo.
• showcontrols="1/0". Fija si se debe de ver (valor por defecto) o no la barra inferior de controles de la consola de video. Sólo funciona bien en Netscape 4x.
• showdisplay="1/0". Fija si se debe mostrar (valor por defecto) o no una banda inferior en la consola con información sobre el fichero de video (nombre, autor, copyright, etc.). Sólo funciona bien en Netscape 4x.
• showstatusbar="1/0". Fija si se debe mostrar (valor por defecto) o no una banda inferior en la consola con información temporal sobre la visualización del video y sobre el sonido del mismo. Sólo funciona bien en Netscape 4x.
• name="nombre". Asigna un nombre identificador (debe ser único en la página) a una etiqueta embed determinada, con objeto de ser accedida luego por lenguajes de script.
• volume="v". Determina el volumen de reproducción del sonido que acompaña al video, y que puede variar entre 0 y 100. Es sólo soportada por Netscape Navigator.
• width="w". Determina el ancho visible de la consola de video, en pixels. height="h", que determina el alto visible de la consola de video, en pixels.
• align="top / bottom / center / baseline / lef t/ right / texttop / middle / absmiddle / absbotom". Análogo al de la etiqueta IMG, define la alineación horizontal o vertical de la consola de video respecto de los elementos de la página.
• hspace="hs". Establece la separación horizontal, vspace="vs", que establece la separación vertical, en pixels, entre la consola y los elementos de la página que la rodean. Análoga a sus equivalentes de la etiqueta IMG.

Ejemplo:

<embed src= "img/motion2.avi" type="video/avi" 
               autostart="false" width="165" height="140">

Visualización:

La Etiqueta object

Object sustituye las etiquetas applet, bgsound, embed, etc. Siendo una etiqueta más moderna y flexible.