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?

Edited by Hiss
Link to comment
  • Replies 5
  • Views 902
  • Created
  • Last Reply

Top Posters In This Topic

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

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.