如何将html5video播放器静音

我已经find了如何使用jquery暂停和播放video

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

但是我找不到静音button,如果没有jQuery解决scheme,我只需要一个onclick js解决scheme。 我需要它尽快。

还有一种方法来解决静音延迟? 我希望它在button被点击后静音/取消静音。

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

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

在这里查看所有活动

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

如果你不想要jQuery,下面是香草JavaScript:

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

它也可以用于audio,只要把元素的ID,它会工作(如果你想要更改var名称,“媒体”或适合于audio/video的东西,只要你喜欢)。

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

Interesting Posts