it-swarm.com.de

Wie man die Stummschaltung von HTML5-Videos mit einer stummgeschalteten Requisite aufhebt

Ich habe einen einfachen Videoblock mit Stummschaltung erstellt (für mobilen Autostart), aber jetzt kann ich den Stummschaltungsstatus nicht ändern ...

Ich habe das Repository benutzt, Geigen-Link wäre toll.

Bisher habe ich das ohne Glück versucht.

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);
          }
      }
4
Özgür Ersil

Versuche dies:

function toggleMute() {

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

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

}

Beispiel überprüfen hier

Wenn dein eigener Code nicht funktioniert, füge eine id zu deinem Video/Element hinzu, für das der Klick registriert werden soll, und verwende:

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

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

Du solltest videoEl.muted verwenden

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