eliblock Posted November 8, 2021 Share Posted November 8, 2021 (edited) 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 Edited November 8, 2021 by eliblock Link to comment
Wolfsilon Posted November 8, 2021 Share Posted November 8, 2021 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. Elfsight 1 Link to comment
eliblock Posted November 9, 2021 Author Share Posted November 9, 2021 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! Link to comment
Solution paul2009 Posted November 9, 2021 Solution Share Posted November 9, 2021 (edited) On 11/8/2021 at 9:13 PM, eliblock said: When I click on my audio blocks from an iphone it opens the player in a new window. Is there a way to stop this from happening? On iOS devices (iPhones, iPads) Audio Blocks detect that iOS is being used and they default to the built-in iOS player that opens on a new page. You should be able to stop this by using some code to tell the Squarespace Audio Block that the visitor is not using iOS. This should prevent the block attempting to invoke the built in iOS player. To do this, add the following script to Settings > Advanced > Code Injection > Footer: <script> window.addEventListener("load", function(){ Y.UA.ios = 0; }) </script> Note: This was tested on a Squarespace 7.1 site running Safari on iOS 15. If my post helped you, please click a 'Like' or 'Thanks' icon below ⬇️ Edited February 13 by paul2009 Dor Reznik and tuanphan 2 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
eliblock Posted November 10, 2021 Author Share Posted November 10, 2021 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! Link to comment
paul2009 Posted November 10, 2021 Share Posted November 10, 2021 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. Wolfsilon 1 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
Elfsight Posted November 18, 2021 Share Posted November 18, 2021 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 Wolfsilon 1 Link to comment
eliblock Posted November 19, 2021 Author Share Posted November 19, 2021 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! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment