Video Block - Simple Play Button Style


1. Plugin Info

Add a more simple style to the video block’s play button when using an uploaded file.

  • Works with Squarespace 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// Video Block (File Uploaded) - Simple Play Button Style - Ghost //

.video-player.video-player .plyr--video .plyr__control--overlaid {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000;
  padding: 30px !important;
}

3. Customizable Options

  • Play Button Background Color

  • Play Button Icon Color

  • Play Button Border Style

  • Play Button Padding


4. Plugin Notes

  • Only compatible with the Video Block

  • Requires video to be an uploaded file


Previous
Previous

Video Block - Super Simple Style

Next
Next

Video Block - Bigger Play Button