用于在divi主题上静音/取消静音视频的按钮

Question

我正在使用divi主题为客户创建网站。该网站有一个有声的背景视频。客户希望在视频中有一个按钮来打开和关闭声音。

使用以下代码我可以静音，但我无法打开和关闭按钮。

有人可以帮助我吗？

 

jQuery (document) .ready (function () {
  jQuery (". et_pb_section_video_bg video"). prop ('muted', true);
});

Answer 1

尝试音量级别！

修改
以下是一些音量降低/向上按钮的功能。

$(document).ready(function(){
  // Video element
  var myVideo = $(".et_pb_section_video_bg video")[0];

  // On load state (muted)
  myVideo.volume = 0;

  $("#sound_up").on("click",function(){
    var actual_volume = myVideo.volume;
    if(actual_volume<1){
      myVideo.volume += 0.2;
    }
  });

  $("#sound_down").on("click",function(){
    var actual_volume = myVideo.volume;
    if(actual_volume>0){
      myVideo.volume -= 0.2;
    }
  });
});

假设et_pb_section_video_bg video类在视频元素上...