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

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

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

Don't forget to click save on top right corner of funnel builder.

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!