Super Simple Style - Video Block
Plugin Details
Add a more simple style to the video block when using an uploaded file.
Compatibility
Works with Squarespace 7.1
Uses Custom CSS
Add to Custom CSS
// Video Block (File Uploaded) - Super Simple Style - Ghost //
@simple-vid-border: 1px solid #000;
@simple-vid-border-radius: 5px;
@simple-vid-play-background: #fff;
@simple-vid-play-icon-color: #000;
@simple-vid-play-border: 1px solid #000;
@simple-vid-play-padding: 50px;
/* ---- Do Not Edit Below ---- */
.video-player.video-player .plyr--video .plyr__control--overlaid { background: @simple-vid-play-background !important; color: @simple-vid-play-icon-color !important; border: @simple-vid-play-border; padding: @simple-vid-play-padding !important; } .video-player .plyr { border: @simple-vid-border; border-radius: @simple-vid-border-radius; } .video-player .plyr .plyr__controls:before { background-image: none !important; }
// Video Block (File Uploaded) - Super Simple Style - Ghost //Customizable Options
Video Block Border Style
Video Block Border Radius
Play Button Background Color
Play Button Icon Color
Play Button Border Style
Play Button Padding
Notes
Only compatible with the Video Block with direct video upload (not YouTube or Vimeo).
Upload a solid color thumbnail for a more simple look.
