web-dev-qa-db-fra.com

Existe-t-il un moyen de définir le volume HTML5-Video par défaut?

Les vidéos HTML5 commencent toujours à 100% du volume.

Comment puis-je les faire démarrer à 50% du volume?

html5html5-video
38
supercoolville

Vous pouvez affecter la propriété volume de <video> élément comme suit:

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

Si vous utilisez jQuery, vous pouvez utiliser leur méthode prop pour modifier le volume dans un objet de collection jQuery comme ceci:

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

Cela modifiera tous les éléments DOM de la collection.

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

P.S. Utilisez le script this pour la compatibilité.

27
Ernestas Stankevičius

En supposant que vous êtes bon avec le mélange de JS dans votre HTML, vous pouvez utiliser l'un des événements , tels que loadstart:

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

mise en garde: prise en charge du navigateur - fonctionne dans les derniers Chrome et FF (cependant, il y a un bug visuel). N'en ai pas testé d'autres.

25
dwelle
<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>

Fonctionne parfaitement!

15
Michael Hall

Si vous ne voulez pas jouer avec javascript, vous pouvez le faire comme ceci:

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

Avec jQuery besoin d'utiliser une petite astuce:

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

Définition du volume par défaut, à l'aide de jquery:

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