Mute HTML5 Video & Remove Volume Controls with CSS

Posted on: November 07, 2024

Written by: Mick Sherry

Set your HTML5 attributes to be muted and then add the following CSS to hide the volume controls:

video::-webkit-media-controls-volume-slider {
display:none;
}

video::-webkit-media-controls-mute-button {
display:none;
}

Contact Michael

I have released a helpful new service – combined web design and seo services aimed at small & medium sized service-based businesses.

Michael Sherry is an Australian web designer in Coffs Harbour. For assistance with your website or for affordable small business SEO, you can contact Michael directly on 0431 739 060 or send a direct message.

Click-To-Call Send Message