Youtube Play Button on Hosted Videos

How to make the hosted video play button youtube styled

By Default the hosted video play button will look like the below image

Hosted video's original play button

In order to make the video play button youtube styles you need to insert a small and simple copy paste custom code.

Step 1: Edit the Funnel/website step you have hosted video on and Click on Settings and go to Custom CSS as shown below

Inserting css code in page builder

Step 2: Now in the popup you'll get insert the code from below (Copy paste it) and click on save.

.hosted-video-thumbnail::after {
    background-color: red !important;
    line-height: 1.8em !important;
    height: 1.9em !important;
    border-radius: 0.4em !important;
}
Inserting simple css code in CSS editor of page builder in synamate
Once you have copy pasted the code, you can click on save.

[Optional] - If you don't want the white border in any case, you can copy paste the below code

.hosted-video-thumbnail::after {
    background-color: red !important;
    line-height: 1.8em !important;
    height: 1.9em !important;
    border-radius: 0.4em !important;
    border: none !important;
}

That's it, you have a youtube styled play button on your hosted video now!

Youtube styled play button

Last updated

Was this helpful?