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

<!-- Following Video Play Button Ghost -->
<script src="https://www.ghostplugins.dev/assets/helpers/jq/jq.js"></script>
<script src="https://www.ghostplugins.dev/assets/helpers/tm/tm.js"></script>
<script src="https://www.ghostplugins.dev/assets/following-button/fb.js"></script>
<!-- Following Video Play Button Ghost -->

---

Step 2. Add this code to Custom CSS

/* ----- GHOST PLUGINS - FOLLOWING VIDEO PLAY BUTTON START ---- */

@follow-play-background: #000;
@follow-play-size: 10px;
@follow-play-radius: 50%;
@follow-play-placement: -30px;

@follow-play-icon: '//assets.squarespace.com/universal/images-v6/damask/play-button@2x.png';

/* ----- DON'T EDIT BELOW THIS LINE - SUPPORT NOT PROVIDED IF EDITING BELOW THIS LINE ----- */

.sqs-block-video .sqs-video-wrapper { .sqs-video-icon { background-color: @follow-play-background; margin-left: @follow-play-placement; margin-top: @follow-play-placement; padding: @follow-play-size; border-radius: @follow-play-radius; background-image: url(@follow-play-icon); } }

/* ----- GHOST PLUGINS - FOLLOWING VIDEO PLAY BUTTON END ---- */

---

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.