Following Video Play Button (Preview Guide)
Super Plugin Info
Works with Squarespace 7.1
Requires Business Plan or Higher
Compatible with YouTube and Vimeo Videos
Uses CSS Editor and Code Injection
Step 1. Add this code to Footer Code Injection
Step 2. Add this code to Custom CSS
Step 3. Customizable Options
These options are available in Custom CSS.
Play Button Background Color
Play Button Size
Play Button Center Placement
Play Button Border Radius
Default Play Icon or Upload Your Own
Step 4. Add Video Block
Add a video block to any page and upload the required content:
Add a YouTube or Vimeo link
Upload a custom video thumbnail
⚠️ Note: The video cannot be a direct file upload. It must be a YouTube or Vimeo link.
Step 5. Add Custom Play Icon (Optional)
Upload your icon to Custom CSS > Manage Files. It’s recommended that your icon is:
PNG Format
1:1 Aspect Ratio (Square)
After Uploading: Click the icon file to generate a URL link that can replace //assets.squarespace…png in the Custom CSS option.. Show me this step
Plugin Notes
Only compatible with the video block.
Not compatible with gallery blocks or gallery pages.
Troubleshooting (Plugin Not Working)
Must be a YouTube or Vimeo video and not a direct upload.
Custom video thumbnail must be uploaded.
Ensure the video’s privacy settings will allow it to be embedded.