# Video using HTML code.

{% hint style="info" %}
There are two way to embed Video using HTML code in your website.

1. Using direct RAW element

2. Using RAW element inside a Section
   {% endhint %}

3. To add a video using RAW element, choose RAW element from Menu option

Click on the large, blue colored plus icon to open available selections

![Click on the + button](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LEOpPkCeQcd_Y6QCcJv%2F-LEOqzLuGcyty_XKiEuz%2FScreenshot%202018-05-06%2016.19.59.png?alt=media\&token=ad75b0d3-8765-45b2-8f1a-7a9ce572a17c)

Now choose RAW element from Elements

![Select 2. RAW ](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LEOpPkCeQcd_Y6QCcJv%2F-LEPCXr4zoDp_ruOQXbQ%2Fassets--LBo_mo13rwfUpGj8X6---LBuiEm2zqKfzIWaDmKU--LBukdLSkvy23UxWxGVe-Custom_HTML_JS_CSS.jpg?alt=media\&token=a2f57b26-2cbf-4b0a-b98c-d7551de6c63a)

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LEOpPkCeQcd_Y6QCcJv%2F-LEPCq1VdV9FQCaflayJ%2Fassets--LBo_mo13rwfUpGj8X6---LBuiEm2zqKfzIWaDmKU--LBukrE89CYUhG0zd1He-Screenshot%202018-05-07%2017.59.54.png?alt=media\&token=860c9003-c2d6-49df-8242-40c4baa9280d)

Click on RAW element and choose EDIT raw

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LEOpPkCeQcd_Y6QCcJv%2F-LEPCyhOP3H6fUwsysxz%2Fassets--LBo_mo13rwfUpGj8X6---LBuiEm2zqKfzIWaDmKU--LBulAwMoHtFTKhX2i2q-Screenshot%202018-05-07%2018.01.07.png?alt=media\&token=8d9c00c9-c2cb-478e-b0e3-3d74753b4356)

Paste your code into Code window and click SAVE.  To change background and other properties choose settings next to Code.

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LEOpPkCeQcd_Y6QCcJv%2F-LEPD0fX24sgRZCPoKsj%2Fassets--LBo_mo13rwfUpGj8X6---LBuiEm2zqKfzIWaDmKU--LBumqXhA-4ShUkUEqyw-Screenshot%202018-05-07%2018.59.31.png?alt=media\&token=5d6fb9b3-121c-4ba5-9083-596a40f88e48)

Publish your website to see the live changes on your website.

## Using RAW element inside a section

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LEOpPkCeQcd_Y6QCcJv%2F-LEPG_JhYq-UfHGa7b6n%2Fezgif-4-1b1c544e75.gif?alt=media\&token=8cc0cdf4-032f-4024-b682-43c0d686b65e)

You can also embed a video inside any blocks/section using RAW element.

Add a section/block. For example lets add a video using embed codes (other then Youtube or Vimeo) inside header

Add a block

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LEOpPkCeQcd_Y6QCcJv%2F-LEPEcgvYlmTQD4deXpF%2FScreenshot%202018-06-07%2018.01.51.png?alt=media\&token=76badb3c-71eb-4be3-a7c5-a88a3ea5cd40)

Set the opacity on full before adding Video code. 

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LEOpPkCeQcd_Y6QCcJv%2F-LEPEeZyVPYUG3f5W8ao%2FScreenshot%202018-06-07%2018.02.03.png?alt=media\&token=ec1b597a-e194-4dd6-ba73-7f6fdc8b5084)

2\. Remove the default background Image by clicking on remove image button (Please remove the image after selecting the opacity)

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LEOpPkCeQcd_Y6QCcJv%2F-LEPH2OvrkzsCkDhU_Jr%2FScreenshot%202018-06-07%2018.14.59.png?alt=media\&token=db6541f7-32dd-4f23-a0b0-66614dd163a4)

![Choose the Last option (<>) for adding RAW element](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LEOpPkCeQcd_Y6QCcJv%2F-LEPHf1kOicqJLyV-use%2FScreenshot%202018-06-07%2018.02.41.png?alt=media\&token=fe491bb4-94a5-4156-b9cf-901aa01d58ff)

Add RAW element after removing the background.&#x20;

After adding RAW element, remove the default code and paste your video code into it. That's it.

You can remove the Title and button by clicking on them and then select Remove element.

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LEOpPkCeQcd_Y6QCcJv%2F-LEPHxUKgErr0qcu3PrH%2FScreenshot%202018-06-07%2018.02.56.png?alt=media\&token=8c13e827-651b-426d-904d-a04005131b3f)