How to add a vertical video - Squarespace 7.1

Videos are going portrait as much as landscape these days. If you’ve got a social media video that’s been filmed for TikTok, Instagram or YouTube Shorts then you need to find a solution to perfectly frame this content.

By using the code below, it will stretch the height of the native Squarespace video block, making it work for your portrait videos.

---

Add this to your Custom CSS

Adjust the “100%” if you want to change the height of the video player.

//Vertical Video Format

.sqs-native-video .native-video-player {

padding-bottom: 100% !important;

}

---

Will this work for embedded videos?

Currently this solution is only in place for videos uploaded directly to the Squarespace platform.