首页 文章

如何静音html5视频播放器

提问于
浏览
45

我已经找到了如何使用jquery暂停和播放视频

$("video").get(0).play();
$("video").get(0).pause();

但是我可以使用jquery解决方案,只需一个onclick js解决方案我就可以了 . 我尽快需要它 .

还有办法解决静音延迟吗?我希望它在单击按钮后立即静音/取消静音 .

3 回答

  • 0
    $("video").prop('muted', true); //mute
    

    $("video").prop('muted', false); //unmute
    

    查看所有活动here

    (旁注:如果在jQuery <1.6中使用 attr

  • 59

    如果您不想使用jQuery,这里是vanilla JavaScript:

    ///Mute
    var video = document.getElementById("your-video-id");
    video.muted= true;
    
    //Unmute
    var video = document.getElementById("your-video-id");
    video.muted= false;
    

    它也适用于音频,只需放置元素的id就可以了(如果你愿意,可以改变var名称,改为'media'或者你喜欢的音频/视频) .

  • 100

    您是否在视频标签上使用默认控件布尔属性?如果是这样,我相信所有支持的浏览器都有静音按钮 . 如果你需要连接它,在javascript中的元素上设置.muted为true(使用.prop为jquery,因为它是一个IDL属性 . )音量控件上的扬声器图标是chrome,ff,safari上的静音按钮,歌剧,例如

相关问题