我已经找到了使用jQuery暂停和播放视频的方法。
$("video").get(0).play();
$("video").get(0).pause();
但是我找不到静音按钮,如果没有jQuery的解决方案,我只需要一个onclick js解决方案。我需要尽快完成。
还有一种方法可以修复静音延迟吗?我希望点击按钮后能立即将声音静音/取消静音。
我已经找到了使用jQuery暂停和播放视频的方法。
$("video").get(0).play();
$("video").get(0).pause();
但是我找不到静音按钮,如果没有jQuery的解决方案,我只需要一个onclick js解决方案。我需要尽快完成。
还有一种方法可以修复静音延迟吗?我希望点击按钮后能立即将声音静音/取消静音。
$("video").prop('muted', true); //mute
并且
$("video").prop('muted', false); //unmute
查看所有事件,请点击此处
(附注:如果使用jQuery < 1.6,请使用attr
)
如果您不想使用jQuery,这里是纯JavaScript的解决方案:
///Mute
var video = document.getElementById("your-video-id");
video.muted= true;
//Unmute
var video = document.getElementById("your-video-id");
video.muted= false;
它也适用于音频,只需放置元素 id 即可使其运作(如果您愿意,可以更改变量名称为“media”或适用于音频/视频的其他名称)。
你是否在视频标签上使用默认控件的布尔属性?如果是这样,我相信所有支持的浏览器都有静音按钮。如果需要连接它,请在javascript中将.muted设置为true(对于jquery,请使用.prop,因为它是IDL属性)。例如,在chrome、ff、safari和opera上,音量控制上的扬声器图标就是静音按钮。