javascript - Toggle player controls boolean boolean with button -

trying toggle bv.getplayer().muted(true); boolean value mute icon javascript. before abuse , negative votes come flying - have taken small online course js in spare time still very amateur - html, css , php more forte.

here have:

<button class="mute"><i class="fa fa-volume-up"></i></button> <button class="mute" style="visibility: hidden;"><i class="fa fa-volume-down"></i></button>

<script >     $(function() {         var bv = new $.bigvideo();         bv.init();         if (modernizr.touch) {             bv.show('css/bigvideo.png');         } else {             bv.show('vid/one.mp4');             bv.getplayer().play();         }     }); $(".mute").click(function() {     // toggle function goes here believe }); </script> 

this script bigvideo.js based on video.js jquery script. mute function follows: bv.getplayer().muted(true)

can please me finish this? needs toggle true , false , change button class fa-volume-up fa-volume-down.

although simple task experience head of js, not me. have searched stackoverflow, google , gone online course answers. did not stumble across it, , after few hours of trial , error asking help. hope take answers , learn them future.

if can freely use jquery take @ toggle() need.

but if want practice javascript

to change classes element:

document.getelementbyid("myelement").classname = "myclass"; 

to add additional class element:

document.getelementbyid("myelement").classname += " myclass"; 

to remove class element:

document.getelementbyid("myelement").classname =     document.getelementbyid("myelement").classname.replace     ( /(?:^|\s)myclass(?!\s)/g , '' )