Jump to content

changing height and autoplay functionality of a headline section with video as its background for mobile view

Recommended Posts

  • 1 month later...
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

How do I fix the auto-adjust (height for mobile view only) of a background video on my cover page? See results in attached screen grab.

I am using this embedded code:

<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/225608263?background=1"title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

Video works perfectly on desktop: https://www.hurrah.ca/

Appreciate any help on this issue.

Sincerely,

Andrew Herygers

IMG_5231.PNG

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.