# Youtube Play Button on Hosted Videos

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

<figure><img src="/files/U1SICdevLoBKjtGLKtTv" alt="Hosted video&#x27;s original play button"><figcaption></figcaption></figure>

#### 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

<figure><img src="/files/tnqirHd7qZL5sjCcJyaL" alt="Inserting css code in page builder"><figcaption></figcaption></figure>

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

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

{% hint style="warning" %}
Don't forget to click save on top right corner of funnel builder.
{% endhint %}

<figure><img src="/files/AvTwPSzst7vvRTOMHW4C" alt="Inserting simple css code in CSS editor of page builder in synamate"><figcaption><p>Once you have copy pasted the code, you can click on save.</p></figcaption></figure>

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

```css
.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!**

<figure><img src="/files/nIL5HGtNd28NgqCmv3AA" alt="Youtube styled play button"><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.synamate.com/docs/how-to-tutorials/youtube-play-button-on-hosted-videos.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.