web-dev-qa-db-fra.com

Comment réactiver la vidéo html5 avec un accessoire muet

J'ai créé un simple bloc vidéo avec muet (pour le démarrage automatique sur mobile), mais je ne peux plus changer l'état de muet ...

J'ai utilisé ce référentiel , un lien de violon serait génial.

Jusqu'à présent, j'ai essayé sans succès.

HTML

<video width="640" height="264" muted autoplay webkit-playsinline src="'+videoURL+'"></video>'

JS

$(document).on("click",".containerVolume",function(e){
        if(isMuted){
            $('video').prop('muted', false);
        }
        else{
            $('video').prop('muted',true);
        }
});

var videos = document.querySelectorAll('video');
      if (location.search === '?enabled=false') 
      {
      } else if (location.search === '?enabled=true') {
           enableVideos(false);
      } else {
         enableVideos();
      }
      function enableVideos(everywhere) {
          for (var i = 0; i < videos.length; i++) {
             window.makeVideoPlayableInline(videos[i], !videos[i].hasAttribute('muted'), !everywhere);
          }
      }
javascripthtml5video
4
Özgür Ersil

Essaye ça:

function toggleMute() {

  var video=document.getElementById("myVideo");

  if(video.muted){
    video.muted = false;
  } else {
    video.muted = true;
  }

}

Exemple de contrôle ici

Si votre propre code ne fonctionne pas, essayez d'ajouter une id à votre vidéo/élément sur lequel vous souhaitez que le clic soit enregistré et que vous utilisiez:

var video=document.getElementById("myVideo") ;   

$(video).on("click", function(e){
    if(video.muted){
        video.muted = false;
    }
    else{
        video.muted = true;
    }
});
9
Glen Despaux Jr

Vous devriez utiliser videoEl.muted

var video = document.getElementById('video');

function toggleMute(){
  video.muted = !video.muted;
}
<video id="video" width="300" controls muted src="http://www.w3schools.com/html/mov_bbb.mp4"></video>

<br><br>
<a onclick="toggleMute()">Toggle Mute</a>
1
Kevin Jantzer