Jump to content

How to size embedded video to appear 16x9 on mobile

Recommended Posts

Site URL: http://www.samsonyhiss.com/blog/2020/12/9/festival-of-ghouls

Does anyone have a code snippet for resizing embedded video to appear 16x9 on mobile? My goal is for the video in the blog post to have the same width. If I use the Video Block and embed from YouTube and change the size to what I want the video looks huge in the blog post, but looks good on mobile. If I use the Embed Block and embed from YouTube and change the size to what I want the video sizes correctly in the blog post, but looks cutoff on mobile. There must be a code snippet to fix this no? Anyone?

Link to comment
  • Replies 5
  • Views 975
  • Created
  • Last Reply

Hi. Have you solved this yet?

If you haven't received an answer yet, you can post on some FB groups
+ Squarespace Customization Resource Groups
+ Squarespace Community
+ Squarespace Entrepreneur
+ Squarespace Rockstars

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 months later...
  • 3 months later...
23 hours ago, Destiny said:

I figured it out for desktop but on mobile the videos are all stacked on top of eachother. How can I fix it? 

Hi. Can you share link to page where you have problem? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.