Los elementos multimedia

Audio

Insertar un archivo de audio:

<audio controls>
	<source src="../audio/SongOfComplaint.mp3" type="audio/mpeg"/>
	<source src="../audio/SongOfComplaint.ogg" type="audio/ogg"/>
	Su navegador es demasiado antiguo para interpretar HTML5 
</audio>



Diseñar controles personalizados:

<div class="controlaudio">
	<h4>Song of Complaint - BSO The Passion of the Christ</h4>
	<audio id="mimusica">
		<source src="../audio/SongOfComplaint.mp3" 
		type="audio/mpeg"/>
		<source src="../audio/SongOfComplaint.ogg" 
		type="audio/ogg"/>
		Su navegador es demasiado antiguo para interpretar HTML5
	</audio>
	<div>
		<button onclick="document.getElementById('mimusica')
		.play()"		>Play</button>
		<button onclick="document.getElementById('mimusica')
		.pause()"		>Pause</button> 
		<button onclick="document.getElementById('mimusica')
		.volume+=0.1"		>Subir el volumen</button>
		<button onclick="document.getElementById('mimusica')
		.volume-=0.1"		>Bajar el volumen</button>
	</div>
</div>

Song of Complaint - BSO The Passion of the Christ




Vídeo

Insertar un archivo de vídeo:

</video width="854" height="480" controls preload 
poster="../videos/introvideo.jpg">
	<source src="../videos/bigbuckbunny.mov" type="video/mp4"/>
	<source src="../videos/bigbuckbunny.ogg" type="video/ogg"/>
	Su navegador es demasiado antiguo para interpretar HTML5 
</video>