# Video pop-up (Lightbox)

1. From top bar click on settings and Choose Pro settings-

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-M0dKC_o4Zr-rMYNCad9%2F-M0dKuy2KpYccztlIxrw%2FScreenshot%202020-02-22%20at%201.31.32%20AM.png?alt=media\&token=5afdc1ac-0406-4142-9bb0-4344f53c5387)

2\.  Copy and paste below code in your website

```
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>

```

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-M0dPeP_IQEZREj4H3iO%2F-M0dQEbsalf5DZLwaxoT%2FScreenshot%202020-02-22%20at%201.54.21%20AM.png?alt=media\&token=7a0ecbf4-41e5-431b-8aff-fc1c64aac0c2)

Click on Save button

## Now add a HTML button to your website

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-M0dKC_o4Zr-rMYNCad9%2F-M0dNUpvBorCQ8q3YCEY%2Fezgif-2-1c0406b7433a.gif?alt=media\&token=d9f6125d-d593-44bc-b8ae-56a498d0aebd)

{% hint style="info" %}
Now copy the below code, and make sure to replace youtube link with your video link.
{% endhint %}

```
<a data-fancybox href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="youtubebtn">
    Play Video
</a>
```

Remove the code from previously added widget and paste the above code and click on save button

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-M0dKC_o4Zr-rMYNCad9%2F-M0dNupF-o4Hqs4YzTDI%2FScreenshot%202020-02-22%20at%201.44.53%20AM.png?alt=media\&token=9973fabc-1da9-4fb3-a5df-e2a50ae85604)