Vídeo en Html 5

por ElMafias · Publicada junio 22, 2012 · Actualizado mayo 15, 2016

Vamos a introducir un sencillo video en nuestra web en HTML 5.

Insertando el Tag “video” se puede reproducir la mayoria de formatos de video.

Abrimos la etiqueta body e insertamos el siguiente código.

<body><video src=“video.mp4” >El navegador no soporta html5</video> </body>

video.mp4 lo cambiáis y ponéis la ruta de vuestro vídeo. También acepta formatos .MOV

Podemos configurar nuestro vídeo poniendo controles

<body> <video src=“video.mp4” controls> El navegador no soporta html5 </video> </body>

o con controles esenciales

autoplay: El video se reproduce al cargar la web sin necessidad de apretar el play.
height: El alto del video ej. height=”300″.
widht: El ancho del video ej. width=”450″.
loop: El video se reproducirá constantemente cada vez que finalice.

<body> <video src=“video.mp4” autoplay> El navegador no soporta html5 </video> </body>