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

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Insertar un archivo de audio
Siguiente
El concepto de hoja de estilo