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.
|