Audio Blocks opening new window in IOS

Site URL: https://www.eliblock.co.uk

Hi there,

I just launched my new site which is an audio portfolio. I find that when I click on my audio blocks from an iphone it opens the player in a new window. When on a desktop it's fine. 

Is there a way to stop this from happening? So it just stays on the player on the main site page?

Any help would be much appreciated.

Thanks!

Eli

This is most likely a relatively new issue for audio blocks. The audio blocks included by Squarespace are incredibly depreciated blocks and next to useless for modern uses in my opinion. Although, looking at your website, I do really like what you've done to customize them. My apologies if this seems rude but I'm very critical of these particular blocks and they need to be updated.

I'd recommend you raise issue with the performance to customer support and hopefully they revamp these blocks soon. Otherwise, the answer is no. On mobile, they're seen as independent files and cannot be played in the page itself. Not easily at least. I'd recommend using an external plugin or hosting them through SoundCloud. If not SoundCloud, the ElfSight audio widget is fantastic.  

Ah thanks for the feedback. Elfsight looks quite good and I've used soundcloud plenty.

I was hoping this was something you can sort with CSS, it would be a pain to re upload everything!

Ah thanks Paul - code injection appears to be a premium feature?

Googling I came across this but have no idea - coding not my strong suit!!

//Prevent iOS from opening audio blocks in new window

<script>

Y.on('domready', function(){

Y.UA.ios = 0; //Y.UA object have test key for different platforms.

//Setting ios value to 0 here allow to skip default Audio Block's behavior

})

 </script>

Thanks for your help!

6 hours ago, eliblock said:

Googling I came across this

You’ve just posted a copy of what I’ve already provided so this isn’t anything new. You’re right that you can’t add script if you are on a Personal Plan, which means you won’t be able to change the audio block’s behaviour or use an alternative player. You will require a Business Plan. 

Hello guys!

@Wolfsilonthanks a lot for recommending us!

@eliblockwe do have Player widgets that are relatively easy in customization and installation. Feel welcome to try them out - and if any assistance needed, our Support Team will be always delighted to help 🙂

Regards,
Elfsight Team

Explore all Elfsight widgets - Widget Catalog
Follow us - Facebook | Instagram

On 11/9/2021 at 11:27 PM, paul2009 said:

You’ve just posted a copy of what I’ve already provided so this isn’t anything new. You’re right that you can’t add script if you are on a Personal Plan, which means you won’t be able to change the audio block’s behaviour or use an alternative player. You will require a Business Plan. 

Thanks Paul. Yes I got in touch with Squarespace, they were pretty unhelpful, seems upgrading to business is the only workaround, which seems a little short sighted to me. Thanks for the help!

On 6/4/2024 at 2:52 AM, xjws said:

Hi, hope all is well. 🙂 I copied a code to stop an audio player from opening in a different window especially on iphones however it still opens in a different window that says static space.  Is there a new code? Can anyone please help me with this? I'm trying to use it for different clients. Unfortunately I haven't been able to find any codes that will prevent this from happening. Please advise. Many Thanks, Can  Here's the Url to site : https://www.hitmanjoe.com/

The code I used was: 

<script>
  window.addEventListener("load", function(){
        Y.UA.ios = 0; //Y.UA object have test key for different platforms.
    //Setting ios value to 0 here allow to skip default Audio Block's behavior
  })
</script>

 

<script>
  window.addEventListener("load", function(){
    Y.UA.ios = 0; 
  })
</script> (footer in code injection)

I solved this for a member last night. They confirm it is fixed, but I don't sure if it works or not, you can check this site url, if it works in your end, I will give you guide to fix it.

Tuan solved the problem for me. Thanks so much!

On 6/5/2024 at 5:13 AM, tuanphan said:

I solved this for a member last night. They confirm it is fixed, but I don't sure if it works or not, you can check this site url, if it works in your end, I will give you guide to fix it.

 

Just used this and it solved the problem! Thank you, Tuan!

Thank you everyone else for inquiring and responding!!