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>

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

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

虽然对于js的体验负责人来说这是一个简单的任务，但它不适合我。我搜索过StackOverflow，谷歌甚至回到我的在线课程寻求答案。我没有偶然发现它，经过几个小时的反复试验后，我正在寻求帮助。我希望能够得到答案并从中学习，以便将来使用。

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 , '' )

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

1 个答案: