Comment mettre en sourdine un lecteur vidéo html5 à l'aide de jQuery

Question

J'ai trouvé comment mettre en pause et lire la vidéo en utilisant jquery.

$("video").get(0).play();
$("video").get(0).pause();

Mais je ne trouve pas le bouton de sourdine, s'il n'y a pas une solution jquery, je suis bien avec juste une solution js onclick. J'en ai besoin dès que possible.

Y a-t-il aussi un moyen de réparer le délai de coupure du son ? Je veux que le son soit coupé ou rétabli dès que l'on clique sur le bouton.

Answer 1

$("video").prop('muted', true); //mute

ET

$("video").prop('muted', false); //unmute

Voir tous les événements aquí

(remarque : utilisez attr si dans jQuery < 1.6)

Answer 2

Si vous ne voulez pas utiliser JQuery, voici le JavaScript classique :

///Mute
var video = document.getElementById("your-video-id");
video.muted= true;

//Unmute
var video = document.getElementById("your-video-id");
video.muted= false;

Cela fonctionnera aussi pour l'audio, il suffit de mettre l'id de l'élément et cela fonctionnera (et changez le nom de la variable si vous voulez, en 'media' ou quelque chose qui convient à la fois à l'audio et à la vidéo).

Answer 3

Utilisez-vous l'attribut booléen des contrôles par défaut sur la balise vidéo ? Si c'est le cas, je crois que tous les navigateurs qui le supportent ont des boutons de sourdine. Si vous devez le câbler, mettez .muted à true sur l'élément en javascript (utilisez .prop pour jquery car c'est un attribut IDL). L'icône du haut-parleur sur le contrôle du volume est le bouton mute sur chrome, ff, safari et opera par exemple.