Custom Video Play Button

---

Description

Update the play button icon to your own icon. This plugin uses CSS editor and works with the video and gallery block.

---

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.

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

---

Customize

Replace IMAGE-URL-HERE with the link of the icon you'd like to use. Please make sure the icon uploaded is in png format with a transparent background.

If changing the height and width, be sure to also change the top and left % values so the icon remains in the center.

---