web-dev-qa-db-fra.com

Comment mettre en sourdine un lecteur vidéo html5

J'ai trouvé comment mettre en pause et lire la vidéo à l'aide de jQuery

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

Mais je ne trouve pas le bouton muet. S'il n'y a pas de solution JQuery, je peux me contenter d'une solution OnClick Js. J'ai besoin de ça au plus vite.

Existe-t-il également un moyen de régler le délai de mise en sourdine? Je veux que le son soit désactivé/réactivé dès que le bouton est cliqué.

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

ET

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

Voir tous les événements ici

(remarque: utilisez attr si jQuery <1.6)

104
Neal

Si vous ne voulez pas jQuery, voici le JavaScript Vanilla:

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

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

Cela fonctionnera pour l'audio aussi, il suffit de mettre l'identifiant de l'élément et cela fonctionnera (et changera le nom de la variable si vous le souhaitez, en 'média' ou quelque chose de mieux pour l'audio/la vidéo que vous le souhaitez).

62
delroh

Utilisez-vous l'attribut booléen des contrôles par défaut sur la balise video? Si tel est le cas, je pense que tous les navigateurs de support ont des boutons muets. Si vous avez besoin de le connecter, définissez .muted sur true en javascript sur l'élément (utilisez .prop pour jquery car il s'agit d'un attribut IDL.) L'icône du haut-parleur sur le contrôle du volume est le bouton muet de chrome, ff, safari et opera par exemple

0
kinakuta