html5 video mute按钮,How to mute an html5 video player-CSDN博客

这篇博客介绍了如何使用jQuery和原生JavaScript来控制HTML5视频的播放、暂停以及静音功能。通过`$(video).get(0).play()`和`$(video).get(0).pause()`可以实现播放和暂停，而`$(video).prop('muted', true)`和`$(video).prop('muted', false)`则用于静音和取消静音。如果遇到静音延迟问题，可以通过直接操作视频元素的`muted`属性即时切换声音状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试):

问题:

I've found how to pause and play the video using jquery

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

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

But I can't find the mute button, if there isn't a jquery solution, I'm fine with just an onclick js solution. I need it asap.

Also is there a way to fix the mute delay? I want it to mute/unmute the sound as soon as the button is clicked.

回答1:

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

AND

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

See all events here

(side note: use attr if in jQuery < 1.6)

回答2:

If you don't want to jQuery, here's the vanilla JavaScript:

///Mute

var video = document.getElementById("your-video-id");

video.muted= true;

//Unmute

var video = document.getElementById("your-video-id");

video.muted= false;

It will work for audio too, just put the element's id and it will work (and change the var name if you want, to 'media' or something suited for both audio/video as you like).

回答3:

Are you using the default controls boolean attribute on the video tag? If so, I believe all the supporting browsers have mute buttons. If you need to wire it up, set .muted to true on the element in javascript (use .prop for jquery because it's an IDL attribute.) The speaker icon on the volume control is the mute button on chrome,ff, safari, and opera for example