Video Play Button

Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

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;
}

Step Three

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.

Save and refresh the page. 👍

Moov Labs