Forum Discussion

Nedim's avatar
Nedim
Community Member
8 months ago
Solved

Hide Volume Button in Video Controls

How can I hide the volume button in the video controls?
storyline 360
  • Nedim's avatar
    Nedim
    8 months ago

    Try this:

    document.querySelectorAll('.video-volume').forEach(volume => {
    volume.style.display = 'none';
});
Nedim's avatar
Nedim
Community Member
8 months ago

To hide the volume button in the video controls execute the following JavaScript when the timeline starts:

document.querySelector('.video-volume').style.display = 'none';
MichaelGallaghe's avatar
MichaelGallaghe
Community Member
8 months ago

Thanks Nedim! That works. I have two videos on the screen and it only works on the first video. Can you tell me what I need to do to have both videos hide the "Volume" button.

  • Nedim's avatar
    Nedim
    Community Member
    8 months ago

    Try this:

    document.querySelectorAll('.video-volume').forEach(volume => {
    volume.style.display = 'none';
});