web-dev-qa-db-ja.com

プロップをミュートしてHTML5ビデオのミュートを解除する方法

ミュートされたシンプルなビデオブロックを作成しましたが（モバイルの自動起動用）、ミュート状態を変更できません...

私は repository を使用しました。フィドルリンクはすばらしいでしょう。

これまでのところ、私はこれを運なしで試しました。

[〜＃〜] 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);
          }
      }
javascripthtmlvideo
6
Özgür Ersil

これを試して：

function toggleMute() {

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

  video.muted = !video.muted;

}

チェック例 ここ

独自のコードが機能しない場合は、クリックして登録したい動画/要素にidを追加して使用してください：

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

$(video).on("click", function(e){
  video.muted = !video.muted;
});
17
Glen Despaux Jr

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

あなたは単にミュート/ミュート解除することができます

document.getElementById("theIdOfYourVideoGoesHere").volume=0;

そして

document.getElementById("theIdOfYourVideoGoesHere").volume=1;

（このスレッドは2年前のようですが、今日では、これが私のGoogle検索で一番の結果でした）

Bilgisayar ne bilgiden anlar nesaygıdan。 Çünküocansızbirdüzenektir。ああカダール。

0
B.A.B.