MaKell Posted December 19, 2022 Share Posted December 19, 2022 (edited) Hello:) I have these black lines on the side of my video. I used this tutorial to add in my video: https://www.katescott.co/blog/squarespace-animations. In code block: <video autoplay="autoplay" muted loop="true" width="100%" controls> <source src="https://static1.squarespace.com/static/61d0f1f92ffb8339ed5a974b/t/639fdda26868072f56a019d3/1671421354482/branding-z_social-implementation-800x450.mp4" type="video/mp4"> </video>CSS: .video { background-color: white; pointer-events: none; position: center; aspect-ratio: 16/9; } How can I get rid of those black lines? BTW, the video itself doesn't have those lines. Site: https://www.makellwebb.com/branding Edited December 19, 2022 by MaKell Clarification Link to comment
bycrawford Posted December 19, 2022 Share Posted December 19, 2022 It's fine on my browser! I take it you fixed it? Sam Crawford | by Crawford. Multi-award-winning Squarespace expert e. sam@bycrawford.com w. bycrawford.com Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need. Link to comment
MaKell Posted December 21, 2022 Author Share Posted December 21, 2022 (edited) Fixed it on some areas. But now I'm not able to fix it on others 🙃 https://www.makellwebb.com/industrial-design This video was added as a video. (Manage Custom Files won't let me upload videos anymore. Regardless of file size.) Current CSS: The border trick for the previous video didn't work here. Edited December 21, 2022 by MaKell Clarification 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