Sencillo post para repasar el atributo muted HTML5, su funcionalidad es la de silenciar los reproductores de vídeo y audio.
Otros post de HTML5 con información y ejemplos relevantes de vídeo y audio son:
Os voy a poner la sencilla sintaxis de este nuevo atributo para vídeo extraída de su web oficial:
<video width="600" height="400" controls muted> <source src="video.mp4" type="video/mp4"> </video>
Tal y como se aprecia en el código superior solo hay que añadir el atributo muted para silenciar el reproductor de vídeo.
Os muestro en la siguiente imagen un player de vídeo HTML5 donde podemos apreciar el control de volumen:
Os pongo la sintaxis en el caso del player de audio extraída de su web oficial:
<audio muted> <source src="014-audio-helicoptero.mp3" type="audio/mp3"> Tu navegador no soporta HTML5 audio. </audio>
Tal y como se aprecia en el código superior con tan solo 2 etiquetas podemos crear el player de audio:
Os pongo este ejemplo básico del atributo muted en vídeo:
<video width="640" height="360" controls muted> <source src="011-html5-video-golden_gate_bridge_timelapse_hd_stock_video.mp4" type="video/mp4"> Tu navegador no soporta la etiqueta HTML5 video. </video>
Os explico el ejemplo superior:
Con este otro ejemplo de la etiqueta audio con muted vamos a ver cómo activar el la reproducción continua:
<audio controls muted> <source src="014-audio-helicoptero.mp3" type="audio/mp3"> Tu navegador no soporta HTML5 audio. </audio>
Os explico el ejemplo superior: