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.

Previous
Previous

Noa Grid Gallery (Preview Guide)

Next
Next

Rotating Scroll Down Indicator Circle - 7.0 Brine Version (Preview Guide)