Custom Video Play Button

Look Demo

Update the play button icon to your own icon. This plugin uses css editor and works with all template families.

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Video Play Button //

.sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent url(https://IMAGE-URL-HERE.png) center center no-repeat;
  filter: invert(100%);
    height: 60px;
    width: 60px;
    margin-left: -24px;
    margin-top: -24px;
    cursor: pointer;
}

Customize

Replace IMAGE-URL-HERE.png with the link of the icon you'd like to use.

Please make sure the icon is 60x60px in size and is in png format with a transparent background.

Notes

No notes.