Video Block
Video Block Selectors
Use these selectors for video block elements in Squarespace 7.1.
Selectors work with Squarespace 7.1
Knowing the basics of CSS is recommended
Helpful starting points: Visit the free plugin library for pre-applied styles and helpful starting points for styles and customizations.
Video Block (Youtube/Vimeo)
.sqs-video-wrapper iframe
Custom Thumbnail (Youtube/Vimeo)
.sqs-video-wrapper .sqs-video-overlay
Play Button (Youtube/Vimeo)
.sqs-video-wrapper .sqs-video-overlay .sqs-video-icon
Video Block (File Upload)
.video-player .plyr--video
Controls (File Upload)
.video-player .plyr .plyr__controls
Play Button (File Upload)
.video-player.video-player--medium .plyr--video .plyr__control--overlaid
Play Button SVG ▶︎ (File Upload)
.video-player.video-player--medium .plyr--video .plyr__control--overlaid svg