isMuted property is not changed by the mute/unmute button

Ask the community
,
1

Hi,

I’m working on creating a landing page as my first Wix project. I’m fairly new so please bear with me.

I added a VideoPlayer to the landing page and users will have the usual option to mute or umute the audio.
My goal is to display a message to remind users to unmute the audio, if the code detects that the video has been muted.

For this, I’m testing the isMuted property.

Is isMuted set by clicking the mute/unmute button or only when the mute() and unmute() functions are executed?
How can I probe the isMuted property whenever the mute/unmute buttons are clicked?

$w.onReady(function () {
    $w('#QualifyingVideo').stop();  //my VideoPlayer to display as stopped as default
    $w('#QualifyingVideo').mute();  //my VideoPlayer to go muted as default -> So i can see how isMuted is set.

    $w('#QualifyingVideo').onPlay(() => {
 
    let vidMuted = $w('#QualifyingVideo').isMuted;  
    $w('#muteStatus').text = "isMuted: " + vidMuted;  //i can see that isMuted is set to true if a video is on mute.
        
        //this IF Statement always returns "Audio is muted: true"
        //If I unmute the video, the response remains the same
        //Seems like the isMuted property does not get set by clicking the mute/umute button
        if (vidMuted == true) {
            $w('#muteStatus').text = "Audio is muted: " + vidMuted;
        } else {
            $w('#muteStatus').text = "Audio is: unmuted" + vidMuted;
        }    
    })
});