Video y audio

Curso de HTML

30.  
31.  
33.  
35.  
48.  

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

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

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.