Video Volume – Mute / Unmute / Toggle (M key)

Sinan IslerApril 18, 20240 comments JavaScript

change the “.mute-unmute” button and “.video-hero” video selectors depending on your setup.

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
document.querySelector('.mute-unmute').addEventListener('click', toggleMute);
document.addEventListener('keydown', function(event) {
if (event.key === 'm' || event.key === 'M') {
toggleMute();
}
});
function toggleMute() {
var video = document.querySelector('.video-hero');
video.muted = !video.muted;
}
document.querySelector('.mute-unmute').addEventListener('click', toggleMute); document.addEventListener('keydown', function(event) { if (event.key === 'm' || event.key === 'M') { toggleMute(); } }); function toggleMute() { var video = document.querySelector('.video-hero'); video.muted = !video.muted; }
document.querySelector('.mute-unmute').addEventListener('click', toggleMute);

document.addEventListener('keydown', function(event) {
  if (event.key === 'm' || event.key === 'M') {
    toggleMute();
  }
});

function toggleMute() {
  var video = document.querySelector('.video-hero');
  video.muted = !video.muted;
}

Leave the first comment