Jump to content

IGTV embed - bug in mobile rendering

Recommended Posts

Site URL: https://www.thetablehay.com/private-views

I am helping a client build this site. We have created a folder of pages, each of which consists of embeds of Instagram TV videos. On the desktop, each embed is complete, with title and description underneath. On mobile (tablet and phone) each embed renders differently, some cutting through the frame at the bottom, some cutting through the description (ie. horizontally through the text), and some are complete to match the desktop version (this seems to be the behaviour of the last video on the page). Squarespace will not address this bug as it involves external services, but I am wondering if anyone has this behaviour and a workaround for it?

Thanks in advance...

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Thanks! Not solved, but a baffling new twist (literally!): If I load in one orientation (either portrait/landscape) on a mobile device, the embeds fail to render. However if I then turn the device on its side so portrait goes to landscape or vice versa, the embeds load properly. And then if I turn the device back to its original orientation, the embeds stay correct. Can't see myself adding this instruction to the top of the page, but it may be a clue to the behaviour.

Devices: iPad, iPhone. Don't have access to Android currently

Link to comment
17 hours ago, VHTheTable said:

If I load in one orientation (either portrait/landscape) on a mobile device, the embeds fail to render.

An observation, adding data to the mix. I loaded the page mentioned and it loaded fine. Went to landscape and back with no issues.

iPhone 5/iOS/Safari.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.