用于使DIV主题上的视频背景静音/取消静音的按钮

Question

I'm making a website for a client using the divi theme. The site has a background video with sound. The customer wants in the video a button to turn the sound on and off.

With the following code I was able to mute but I can not make a button to turn on and off.

Can someone help me?

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

Answer 1

Try with volume level!

Edit
And here are the functions for some volume down/up buttons.

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

Assuming the et_pb_section_video_bg video class is on the video element...