Youtube Embedded Video On Product Page Not Loading Correctly on Mobile

Shopify Discussion
,
1

Hi, I’m stuck with an issue here and would appreciate any support.

I am having issues with a youtube embedded video playing on mobile phones. The video is using

I will press play on the video and it will take over a minute for the youtube interface to load the video up.

The Page in Question: https://aetherprotein.com.au/products/whey-protein-isolate-1kg-aether-protein

On desktop there is no issue only on mobiles. Appreciate any support.

2

Screenshot 2024-04-14 172848.png
Screenshot 2024-04-14 172848.png367×449 61.2 KB

Screenshot 2024-04-14 172937.png
Screenshot 2024-04-14 172937.png371×427 18.9 KB

Here are some videos of what it looks like before and after I press the play button on iphone. You can just see it stays white. Then sometimes after a minute or so, the youtube interface will load through and play, sometimes not at all.

3

Hey there @brandonnn4

Thank you for the link to the store and the screenshots of what you are seeing. On my end I was not able to replicate this, both when testing on a Macbook using chrome and the inspect tool and also on an Android phone using chrome. Both methods the embedded video loaded within just a few seconds with no issues.

I’d love to better understand what devices/browser/internet connection you might be using to see if we can narrow down the cause of this loading issue.

Can you share some details about the devices and browsers you have tested this on?

Does the issue replicate if using a private/incognito tab?

What about the same device, but different internet connection (mobile data)?

If you are using a VPN, please disable the VPN and test as well.

For the video embed, are you using a built in section from your theme to load the video or a custom HTML section using an embed code from youtube directly?

If using a built in theme section for this, try using a custom liquid code section and grab the embed code from the youtube video directly and see if the issue persists.

Let me know the results!

4

HI Shay,

Thanks for taking the time to respond.

Personally I have tried multiple browsers on my phone using multiple different connection. Wifi, Mobile Data etc.

I’ve tested on multiple peoples phones and we are all having the same error.

So far

  • Tested on Iphones. From 12 gen up to 15 gen
  • Using both private and incognito mode the issue persists
  • No one here using a VPN

With the custom liquid code, is there somewhere I can find the code required to play the video?

Thanks,

5

I’m using the Video block in the Dawn theme and having a similar issue - the Youtube video plays fine on desktop, but when viewing on mobile devices the Youtube video will not load. After pressing play a blank area appears. I’ve tested on different mobile devices and the Youtube videos still won’t load. Has anyone come across a solution or is the only option to add a Custom Liquid with Youtube iframe code?

6

I’m having the exact same issue. I seriously can’t understand why staff is not helping, it seems like this is a popular issue. LMK if u get a reply.

7

Hi,

I had the same issue before. What I did was to find the video code and add the following. My video is playing normally on mobile.

“autoplay”: true,

Hope it works for you too!