Jump to content

Changing Aspect Ratio of Banner Video for Mobile

Recommended Posts

Site URL: https://www.lensflair.org/

My banner video plays normally on desktop but when viewed on mobile there is a crop on both sides of the screen. Does anyone have an idea on how i can make it conform to mobile (scale to fit screen size) instead of cropping it out? Or is it possible to have 2 different videos for mobile and desktop view.

 

Thank you so much, ive been breaking my head over this.

Cheers

mobile.png

desktop.png

Link to comment
  • 2 months later...
  • Replies 7
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 1 month later...
18 hours ago, ErinLeah said:

I am having the same issue! Video plays and looks great on desktop but crops on mobile.

 

https://www.geyerdevelopment.com/

Answered your email. If the code works, you can share here, for other members (y) 

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
  • 5 weeks later...
  • 2 weeks later...
  • 11 months later...

Hi Everyone I don't know if my way is the right way, still in the process of changing my website. I'm not yet online with the website, but wanted to share my inside regarding this topic. 

I just created a new project in my edit software, format vertical en copied my banner video in this format. I changed in the edit the color of the background into the color of the website. I imported the video and for some reason it works. 

 

 

 

Edited by Joris44
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.