I have autoplay on web view, but what code do i need to apply this to mobile?

Hey guys, this code I have found/put together from what i know, but when previewing in mobile, my hidden audio block doesn't autoplay. Can anyone help please?

<script>
window.addEventListener('DOMContentLoaded', function() { //wait for document load
    var audio = document.querySelector('.sqs-audio-embed'); //select the audio block
        var checkOnLoad = function() {
            if (window.pageYOffset > 200) {
            } else {
                audio.play();
            }
          {audio.loop = true;}
        };
        if (audio) {
            var url = audio.getAttribute('data-url'); //get the audio src
            Y.one(audio).ancestor('.sqs-block-audio').setStyle('display','none');
            audio = new Audio(url);
            window.addEventListener('load', checkOnLoad); //listen for window load and toggle audio state
            checkOnLoad();
        }
})
</script>

Hi. Can you share link to page where you use audio?

Hey, I have sorted it all now thankyou

On 7/29/2021 at 6:59 AM, IanHost said:

Hey, I have sorted it all now thankyou

Hi, do you mind sharing your solution, i am also trying to figure out how to autoplay squarespace audio block 

thank you

Tuan and Ian, i'm having the same problem, and using the same code as Ian. 

My audio autoplays in chrome while i am in my editing mode, but no in safari or mobile. 

Here is the website, would appreciate some help on how you were able to solve it. 

https://bell-now.squarespace.com

password ---- >     demo

On 3/10/2023 at 11:03 AM, sanfranciscosasha said:

Tuan and Ian, i'm having the same problem, and using the same code as Ian. 

 

My audio autoplays in chrome while i am in my editing mode, but no in safari or mobile. 

 

Here is the website, would appreciate some help on how you were able to solve it. 

https://bell-now.squarespace.com

password ---- >     demo

 

You can consider this approach, I use another code