Video en HTML

 
Portada

CONTENIDOS

HTML

- Tutorial de HTML
- Artículos de HTML
- Enlaces relacionados
- Software para HTML

CSS

- Introducción a las Hojas de Estilo - CSS
- Artículos de CSS

JAVASCRIPT

- Tutorial de JavaScript
- Artículos de JavaScript

DISEÑO Y ESTILO

- Artículos de diseño, estilo, usabilidad y accesibilidad.
- Efectos con Paint Shop Pro

PROMOCION WEB

- Artículos relacionados con la promoción de páginas web

ENTREVISTAS

- Emilio Márquez
- Joaquín Gracia M.
- Adrian Hall

NOTICIAS
para Webmasters

FOROS
(en obras)

HTML > TUTORIAL DE HTML

Introducción | Estructura de un fichero HTML | Formateando el texto | Caracteres especiales | Enlaces | Imágenes | Sonido | Video | Listas | Tablas | Frames | Formularios | Mapas de imágenes | Metaetiquetas

VIDEO EN HTML

En la actualidad, casi cualquier formato de video digital puede ser presentado en una página web (y decimos casi, no todos). Hay que tener en cuenta que el video en páginas web sólo es soportado en sistemas multitarea (como Windows), ya que es el propio sistema operativo el que interpreta la lectura de la página y la ejecución del video como tareas diferentes. Por ejemplo, para reproducir páginas web con video en formato AVI, sólo es necesario estar en un sistema Windows (que ya trae este reproductor instalado por defecto), para reproducir formato MPEG, basta con instalar el plugin de QuickTime, etc.

La etiqueta HTML que permite la ejecución de estos ficheros de video se define de la siguiente forma (es evidente que dentro del cuerpo del fichero HTML, ya que es parte de su contenido):

<embed src="fichero.avi" width="ancho" height="alto"
[align=top/bottom/center/left/right/middle/texttop]
[autostart=true/false] [loop=true/false]>

Como vemos, tanto la etiqueta como los parámetros son muy similares al caso de la ejecución de ficheros de sonido.

width="ancho" height="alto" : Define las dimensiones (alto y ancho en píxeles) del video que vamos a insertar. Nótese que este parámetro es obligatorio, y su definición incorrecta (si le damos valores incorrectos) provoca que el video no salga redimensionado sino recortado.

[align=top/bottom/center/left/right/middle/texttop] : Define la alineación de la consola de video con respecto a los demás elementos del párrafo.

[autostart=true/false] : Permite la autoejecución del video tras cargar la página.

[loop=true/false] : Permite la ejecución única (false, por defecto) o infinita (true) del fichero de video.

Vamos a ver todo esto con un práctico ejemplo:

<embed src="video1.avi" width="320" height="240" autostart=true loop=true>

Este ejemplo permite ejecutar un fichero de video (video1.avi) de dimensiones 320x240 píxeles, que se ejecutara tras la carga de la página dentro de un bucle infinito (se reproducirá continuamente).

VitaminaWEB.com 2001-2008
[Portada] · [Datos legales] · [Buzón de contacto] · [Mapa de la web]

Enlaces patrocinados:
Gratis | Concursos | Juegos | Casino online

Otras webs:
Babadu.com | Chisteina.com | TodoFondos.com | MundoPostales.com
DineroFresco.com | Juegozonia.com | TodoFondoX.com | BlogUbuntu.com
MuchoGrafico.com | Programacion.com | WebEstilo | Hacking Ball Z
ASPtutor | LoGratis.com | CSSboulevar

Hosting recomendado:
Alojamiento web Grito.net