Cursos de páginas web

Curso de HTML | 9. Video y audio

1.  
2.  
3.  
4.  
5.  
6.  
7.  
8.  
9.  
10.  
11.  
12.  
13.  
14.  
15.  
16.  
17.  
18.  
19.  
20.  
21.  
22.  
23.  
24.  
25.  
26.  
27.  
28.  
29.  
30.  
31.  
32.  
33.  
34.  
35.  
36.  
37.  
38.  
39.  
40.  
41.  
42.  
43.  
44.  
45.  
46.  
47.  
48.  
49.  
50.  
51.  
52.  
53.  
54.  
55.  
56.  
57.  
58.  
59.  

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.

Descargar videos

Ejercicio audio

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

Descargar audios

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