如何使用静音道具取消静音 html5 视频

Question

我创建了一个带有静音（用于移动自动启动）的简单视频块，但现在我无法更改静音状态…

我使用了那个 存储库，小提琴链接会很棒。

到目前为止，我已经尝试过这个但没有运气。

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);
          }
      }

原文由 Özgür Ersil 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

试试这个：

 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;
});

原文由 Glen Despaux Jr 发布，翻译遵循 CC BY-SA 4.0 许可协议