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

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 the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.