Shopify autoplay video with unmute button

Store Design
, ,
1

I just need a video section with autoplay video and unmute button. Here is the good example : Schoolzone.com

How can I add this type of video section to the top of the website: Schoolzone.com. I’m quite good at coding, so you can provide me with codes. As far as I know, it isn’t a Shopify website, and you can create sections using codes.
Thank you in advance. I appreciate your help :slightly_smiling_face:

2

Hello @Digital_Imran ,

try to paste one.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!


    
    


.video-container {
    position: relative;
}

#muteButton {
    position: absolute;
    right: 20px;
    top: 20px;
    /* Additional styling*/
}

document.addEventListener('DOMContentLoaded', function() {
    var video = document.getElementById('bgVideo');
    var muteButton = document.getElementById('muteButton');

    muteButton.addEventListener('click', function() {
        if (video.muted) {
            video.muted = false;
            muteButton.textContent = 'Mute';
        } else {
            video.muted = true;
            muteButton.textContent = 'Unmute';
        }
    });
});
1 Like
3

Thank you for the solution @DigiDecoded :grinning_face_with_smiling_eyes: . It works.

4

Hi DigiDecoded,

I want to achieve the same on my homepage. Can you help me how to use these codes. I’m a new to this. Please help.