How to always show the video sound button

Ask the community
1

Video mute button shows on mouse hover status, but mobile doesn’t have hover so it’s almost impossible for users to notice that there’s sound in this video.
Is there any possible way to make it visible on any status?

810×470 16.2 KB

2

Hey! Add any icon from media manager that will control the sound and use this code (change the ID’s placeholders: icon to your icon ID and videoBox to your videoBox ID):

let videoIsMuted = true
$w.onReady(function () {

    $w('#icon').onClick(() => {

        videoIsMuted ? $w('#videoBox').unmute() : $w('#videoBox').mute()
        videoIsMuted = !videoIsMuted
    })

});

You can disable the sound from the “behavior” panel so the original icon will not be visible