Question

这是在我的网站上播放的视频，但用户无法真正看到它，他们只能听到它。我想创建一个按钮，这样如果用户想要随时静音视频，那么他们只需选择该按钮，网站上的所有声音都会停止，但如果他们再次点击它，那么他们应该能够听到它再次。如果您努力理解我的意思，请发表评论，因为它会非常有用。谢谢！

<video id="video" height="120" width="160" autoplay></video><br>
<button onclick="call()">Call!</button><br><div id="div"></div>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
<script src="https://rawgit.com/jan-ivar/localSocket/master/localSocket.js"></script>

Answer 1

首先在html中创建一个ID为

的按钮

<input id="mute-toggle" type="button"/>

使用JQuery获取ID：

$('#mute-toggle').on('click', function() {
    var mute_toggle = $(this);

    if(player.isMuted()){
        player.unMute();
        mute_toggle.text('volume_up');
    }
    else{
        player.mute();
        mute_toggle.text('volume_off');
    }
});

JQuery：YouTube播放器 - 静音按钮

1 个答案: