Ghost Plugins

View Original

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

See this content in the original post

Step 2. Add this code to Custom CSS

See this content in the original post

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.