切换播放器控件布尔型布尔型按钮

试图切换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基于video.js jQuery脚本。静音功能如下： BV.getPlayer().muted(true)

有人能帮我完成吗？它需要切换真和假，并且将我的类从fa-volume-up更改为fa-volume-down。

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

来源

2015-05-08 Luke C

如果你可以自由使用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 , '')

来源

2015-05-08 12:13:44

太棒了！谢谢......我如何将'toggle（）'应用到'BV.getPlayer（）。muted（true）'？我知道如何现在切换图标 –

切换播放器控件布尔型布尔型按钮

回答

相关问题