¿Hay alguna manera de establecer el volumen de video HTML5 predeterminado?

Question

Los videos HTML5 siempre comienzan al 100% del volumen.

¿Cómo puedo hacer que comiencen con un volumen del 50%?

Answer 1

var video = document.getElementById('player'); 
video.volume = 0.5; 

P.S. Utilice la secuencia de comandos this para compatibilidad.

Answer 2

con jQuery que necesite usar un pequeño truco:

$('#your_video_id').get(0).volume = 0; 

Answer 3

Ajuste del volumen por defecto, usando jQuery:

$(function() { 
    $("video").each(function(){ this.volume = 0.5; }); 
}); 

Answer 4

Usted puede afectar a la propiedad volume del elemento <video> de la siguiente manera:

document.getElementsByTagName('video')[0].volume = 0.5; 

Si se utiliza jQuery, puede utilizar su método prop para alterar el volumen en un objeto de colección de jQuery, así:

$("video").prop("volume", 0.5); 

Esto alterará todos los elementos DOM de la colección.

Answer 5

<div> 
    <video id="sampleMovie" src="mp4/Premier delivery.mp4" width="777" height="582.75" controls autoplay ></video> 
     <script> 
     var video = document.currentScript.parentElement; 
     video.volume = 0.1; 
     </script> 
    </div> 

Funciona perfectamente!

Answer 6

Si no quiere meterse con javascript, puede hacerlo de esta manera:

<video muted=""> 
    <source src="yourvideo.mp4" type="video/mp4"> 
</video> 

Answer 7

Suponiendo que eres bueno con la mezcla de JS en tu HTML, puede aprovechar una de las events, tales como loadstart:

<video onloadstart="this.volume=0.5" ...> 

advertencia: soporte de los navegadores - trabaja en última Chrome, y FF (hay un error visual, sin embargo). No he probado otros.