DOM:HTMLMediaElement.volume

 Share 

Descripción

Establece el volumen del elemento multimedia. Sus valores van entre 0.0 y 1.0 con incrementos de 0.1

Sintaxis

attribute float volume

Ejemplo

 <video id="mivideo" controls>
	<source src="http://easyhtml5video.com/images/happyfit2.ogv" type="video/ogg"></source>
	Tu navegador no soporta el elemento video
</video>

<label for="volumen">Volumen: </label><input type="range" min="0" max="1" value="1" step="0.1" id="volumen">
<input type="checkbox" id="mute"><label for="mute">Mute</label>

<script>

var oldvolume = 1;
var mute = document.getElementById("mute");
var barra = document.getElementById("volumen");

mute.addEventListener("change",function(ev){
	var v = document.getElementById("mivideo");
	if (ev.target.checked) {
		oldvolume = v.volume;		
		v.volume = 0;
		barra.value = 0;
	} else {
		v.volume = oldvolume;
		barra.value = oldvolume;
	}
},true);


barra.addEventListener("change",function(ev){
	var v = document.getElementById("mivideo");
	v.volume = ev.target.value;	
	mute.checked=false;
},true);
	
</script>

Objeto al que aplica

HTMLMediaElement