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

问题描述

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

I've created a simple video block with muted (for mobile autostart) but now i can not change the mute state...

我用过，小提琴链接会很棒。

I used that repository , fiddle link would be great.

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

So far i've tried this with no luck.

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

推荐答案

尝试这个：

function toggleMute() {

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

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

}

检查示例

如果您自己的代码不起作用，请尝试添加 id 到您希望点击注册并使用的视频/元素：

If your own code is not working, try adding an id to your video/element you want the click to register on and using:

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

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

这篇关于如何用静音道具取消静音html5视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！