Video y audio

Curso de HTML

6.  
16.  
17.  
23.  
32.  
34.  
36.  
37.  
38.  
40.  
45.  
46.  
47.  
52.  
54.  
56.  
59.  

Contactar con el profesor

<video src="leon.mp4" controls="controls" width="400" height="300" poster="leon.jpg"  preload="preload">
	Tu navegador no soporta html5
</video>

El atributo preload hace que el recurso se vaya descargando al ingresar en la página.

No todos los navegadores son capaces de reproducir todos los formatos de video, por tanto, de momento será más correcto que la etiqueta video tenga varios source.

<video  poster="leon.jpg" controls autoplay loop>
	<source src="leon.mp4" type="video/mp4"/>
	<source src="leon.ogg" type="video/ogg"/>
	<source src="leon.webm" type="video/webm"/>

	Tu navegador no soporta html5
</video>

controls, preload, autoplay, loop son atributos booleanos. Si están presentes, se aplican, si no, no.

Ejercicio video

Reproducir el video del león utilizando HTML5. Uno está cargado con el atributo src y el otro mediante la etiqueta source.

Ejercicio audio

Utilizando la etiqueta <audio> en lugar de la etiqueta <video> insertar un reproductor para los siguientes ficheros de audio:

← Enlaces en HTML
Listas en HTML →

Aviso Legal | Política de privacidad