Jump to content

Embedded Videos Not Filling Frame

Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Here's the code behind the video:

<a href="resupply">
<video style="width: 100%" autoplay="autoplay" muted="muted" loop="loop"  src="https://jlebowitz.squarespace.com/s/ALPHARS_Homepage.mp4">
    <source type="video/mp4" src="https://jlebowitz.squarespace.com/s/ALPHARS_Homepage.mp4">
  <body oncontextmenu="return false;" >
</video>
</a>

 

Link to comment

The video is constrained to the container and because the container is set to 8 rows it will fill the width 100% but not the height. If you make the container shorter, then the video won't stretch to the edges. Your setup is a compromise based on the 16:9 constraints of videos in individual blocks. Ideally you would add them to a grid gallery block, which would break you away from the stretching across rows. Hope that helps.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 Did I help? Buy me a coffee?

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.