Índice

Insertar un archivo de vídeo

1. Etiqueta <video>

Tras varios años, el vídeo ha invadido la Web. Basta, por ejemplo, con pensar en el éxito de YouTube. No obstante, en HTML 4.0 no existía un estándar para agregar vídeo en una aplicación web. Esta operación se realizaba con la llamada a algún plug-in: QuickTime, RealPlayer o Flash. Esto implicaba contar con el plug-in adecuado en cada momento.

HTML5 proporciona, a día de hoy, una etiqueta nueva para reproducir los archivos de vídeo, independientemente de los plug-ins instalados en el puesto del usuario.

Insertar un archivo de vídeo se realiza de forma muy sencilla mediante la etiqueta:

<video src="archivo_video"></video>

Aunque la implementación de la etiqueta <video> es importante, no es descabellado prever un mensaje para los usuarios de los navegadores antiguos que todavía no tienen en cuenta esta etiqueta.

<video src="archivo_video"> 
Su navegador no soporta la etiqueta video. 
</video>

Veamos un primer ejemplo:

<!DOCTYPE html> 
<html lang="es"> 
<head> 
<title>Html5</title> 
<meta charset="UTF-8"> 
</head> 
<body> 
<video src="video_ogv.ogv" controls> 
Su navegador no soporta la etiqueta video. 
</video> 
</body> 
</html>

La ruta del archivo de vídeo supone, en este caso, que el archivo se encuentra ...