用按钮切换播放器控制布尔布尔值

Question

尝试使用带有JavaScript的静音图标来切换BV.getPlayer().muted(true);布尔值。在任何虐待和负票飞行之前 - 我在业余时间为JS参加了一门小型在线课程，但我仍然非常业余 - HTML，CSS和PHP更重要。

这是我拥有的：

<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 I believe
});
</script>

此脚本是基于video.js jQuery脚本的BigVideo.js。静音功能如下： BV.getPlayer().muted(true)

有人可以帮我完成这个吗？它需要切换True和False，并且还将按钮I类从fa-volume-up更改为fa-volume-down。

尽管这是JS体验负责人的简单任务，但这并不适合我。我已经搜索了Stackoverflow，Google，甚至回到了我的在线课程中获取答案。我没有偶然发现它，经过几个小时的反复试验，我寻求帮助。我希望得到答案并向他们学习以后。

Answer 1

如果您可以自由使用 JQuery，请查看toggle（）正是您所需要的。

但是，如果您想练习 JavaScript

更改元素的所有类：

document.getElementById("MyElement").className = "MyClass";

将附加类添加到一个元素：

document.getElementById("MyElement").className += " MyClass";

从元素中删除类：

document.getElementById("MyElement").className =
    document.getElementById("MyElement").className.replace
    ( /(?:^|s)MyClass(?!S)/g , '' )