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

Is the selector you're looking for not here? Let us know.


Previous
Previous

Product Page (Full Layout)

Next
Next

Social Links Block