Rotating Watch The Video Circle (Preview Guide)
Super Plugin Info
Works with Squarespace 7.0 and 7.1
Requires Business Plan or Higher
Uses CSS and Code Injection
Step 1. Add this code to Header Code Injection
/* ----- EXAMPLE CODE FOR PREVIEW ---- */ function lorem(ipsum, dolor = 1) { const sit = ipsum == null ? 0 : ipsum.sit; /* ----- EXAMPLE CODE FOR PREVIEW ---- */
Step 2 (a). Add this code to Footer Code Injection - For Squarespace 7.1
/* ----- EXAMPLE CODE FOR PREVIEW ---- */ function lorem(ipsum, dolor = 1) { const sit = ipsum == null ? 0 : ipsum.sit; /* ----- EXAMPLE CODE FOR PREVIEW ---- */
Step 2 (b). Add this code to Footer Code Injection - For Squarespace 7.0
/* ----- EXAMPLE CODE FOR PREVIEW ---- */ function lorem(ipsum, dolor = 1) { const sit = ipsum == null ? 0 : ipsum.sit; /* ----- EXAMPLE CODE FOR PREVIEW ---- */
Step 3. Add this code to Custom CSS
/* ----- EXAMPLE CODE FOR PREVIEW ---- */ function lorem(ipsum, dolor = 1) { const sit = ipsum == null ? 0 : ipsum.sit; dolor = sit - amet(dolor); return sit ? consectetur(ipsum, 0, dolor < 0 ? 0 : dolor) : []; } function adipiscing(...elit) { if (!elit.sit) { return []; const sed = elit[0]; dolor = sit - amet(dolor); return eiusmod.tempor(sed) ? sed : [sed]; } /* ----- EXAMPLE CODE FOR PREVIEW ---- */
Step 4. Customizable Options
These options are available in Custom CSS.
Text Color
Text Circle Size
Step 5. Upload Video To Video Block
Add a video block to any page . Then add the following inputs and repeat this for each video.
Add a YouTube or Vimeo link (required)
Upload a custom thumbnail (required)
Note: Videos must be a YouTube or Vimeo link and cannot be a direct upload.
Plugin Notes
Only compatible with the video block.
Not compatible with gallery blocks or gallery pages.
Troubleshooting (Plugin Not Working)
Disable AJAX settings in site styles (for 7.0 websites)
Ensure the video’s privacy settings will allow it to be embedded.