daniellenoakes Posted September 28, 2023 Share Posted September 28, 2023 Hi there, i'm struggling trying to get my video to completely fill its 'box' at all times no matter what browser size. It wants to always hold its exact ratio, so it appears that the top and bottom have large padding, which is what I don't want. I would like the video to fill its space completely, in order to always match the height of the picture next to it. I hope this makes sense! any help would be greatly appreciated! Link to comment
KwameAndCo Posted September 28, 2023 Share Posted September 28, 2023 Link to the page please. Videos are meant to stay at whatever aspect ratio and trying to get them to fit can be fiddly. Link to the page and tag me though so I can take a look. Work With Me 🖥️💻📱 Please remember to tag me so that I get a notification and respond to your help requests. If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly. You can also thank me or make requests by buying me a coffee ☕. (Caffeine fuels me to take more requests) For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials) For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩 Some links may be affiliate/referral links. Link to comment
daniellenoakes Posted September 29, 2023 Author Share Posted September 29, 2023 https://sponge-garlic-ds7r.squarespace.com I've only just started building! thank you! @KwameAndCo Yeah I can imagine! it's like i want the video to be zoomed in if it needs to be to always fit the box, rather than the video ratio! Is the best option to resize the video itself instead of coding? Link to comment
KwameAndCo Posted September 29, 2023 Share Posted September 29, 2023 You need to add a password so I can see. https://support.squarespace.com/hc/en-us/sections/360000368887-Site-availability Work With Me 🖥️💻📱 Please remember to tag me so that I get a notification and respond to your help requests. If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly. You can also thank me or make requests by buying me a coffee ☕. (Caffeine fuels me to take more requests) For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials) For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩 Some links may be affiliate/referral links. Link to comment
daniellenoakes Posted October 2, 2023 Author Share Posted October 2, 2023 On 9/29/2023 at 1:25 PM, KwameAndCo said: You need to add a password so I can see. https://support.squarespace.com/hc/en-us/sections/360000368887-Site-availability pw: makeup @KwameAndCo Link to comment
daniellenoakes Posted October 4, 2023 Author Share Posted October 4, 2023 On 9/29/2023 at 1:25 PM, KwameAndCo said: You need to add a password so I can see. https://support.squarespace.com/hc/en-us/sections/360000368887-Site-availability pw: makeup @KwameAndCo i've tried to adjust the video ratio itself but now squarespace has just made the video even smaller, any thoughts at all? really struggling! thank you Link to comment
daniellenoakes Posted October 4, 2023 Author Share Posted October 4, 2023 looking to mimic the functionality where you click 'fill' on images, but with video Link to comment
JayVanDyke Posted October 4, 2023 Share Posted October 4, 2023 Still seems to be no password setup to view it. I've done this on another client's site but I need your live page to do it a little easier. Go to Settings > Site Availability > Password Protected Then enter your password you want and save. ☕ Did I help you? Buy me a coffee! 👨💻 Bergen Design Co. 💻 I'm for hire on Upwork! 🕸️ Squarespace Experts 🖥️ 99Designs 🛠️ Web Designer's Toolkit **some of these contain affiliate links Link to comment
daniellenoakes Posted October 4, 2023 Author Share Posted October 4, 2023 hey thank you for getting in touch! the website password is: makeup and is appearing to be working for me :S https://sponge-garlic-ds7r.squarespace.com/ @jaeveedee Link to comment
Solution JayVanDyke Posted October 4, 2023 Solution Share Posted October 4, 2023 Ahh yea....sorry it was trying to load your editor instead of the page. I should have realized but not enough coffee today maybe 🙃 Try this section[data-section-id="651597d004d0441072b29cc5"] .sqs-block-video { .sqs-block-content, .intrinsic, .embed-block-wrapper, .sqs-native-video { position: absolute !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; padding: 0 !important; } .video-player { padding: 0 !important; video { object-fit: cover !important; } } } daniellenoakes 1 ☕ Did I help you? Buy me a coffee! 👨💻 Bergen Design Co. 💻 I'm for hire on Upwork! 🕸️ Squarespace Experts 🖥️ 99Designs 🛠️ Web Designer's Toolkit **some of these contain affiliate links Link to comment
daniellenoakes Posted October 4, 2023 Author Share Posted October 4, 2023 OMG YOU'RE A GENIUS I COULD KISS YOU THNK YOU SO MUCH!!!! Link to comment
bibo0903 Posted November 4, 2023 Share Posted November 4, 2023 Hi, I am also having the same problem with my video blocks especially on Ipad breakpoints, there's always an extra padding at the bottom that I would really like to remove! Can you please help, my website is chloeramli.com and the videos are in my landing page!! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment