> For the complete documentation index, see [llms.txt](https://docs.vintcer.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vintcer.com/wistia-video.md).

# Wistia Video

Wistia provides simple software for creating, managing, and sharing videos for business. You can add Wistia videos to your website very easily.

Login into your Wistia Account- <https://secure.wistia.com/login>

Open the Video that you want to add into your Website.

Click on the Video Action and choose Embed & Share.

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBuiEm2zqKfzIWaDmKU%2F-LBultXQGLEfUzrEtQvx%2FScreenshot%202018-05-07%2018.55.19.png?alt=media\&token=9f359ab8-7ef5-4e95-8565-af81a342861a)

Now, copy the Video Embed code using Copy Button

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBuiEm2zqKfzIWaDmKU%2F-LBum8HpFjlyrNbP5TuO%2FScreenshot%202018-05-07%2018.56.05.png?alt=media\&token=bebd6063-c4f1-4cf5-85b7-66759e3062fd)

Here is a Example Embed code:-

```markup
<script src="https://fast.wistia.com/embed/medias/r65t3l8mgb.jsonp" async></script>
<script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>
<div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;">
<div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;">
<div class="wistia_embed wistia_async_r65t3l8mgb videoFoam=true" style="height:100%;position:relative;width:100%">
<div class="wistia_swatch" style="height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;">
<img src="https://fast.wistia.com/embed/medias/r65t3l8mgb/swatch" style="filter:blur(5px);height:100%;object-fit:contain;width:100%;" alt="" onload="this.parentNode.style.opacity=1;" />
</div></div></div></div>
```

After copying the Embed code, Go back to your website editor and Add a RAW element by adding section first. (Click on the blue colored + button to add a section).

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBuiEm2zqKfzIWaDmKU%2F-LBuk9MEe27aPD27srZS%2FScreenshot%202018-05-06%2016.19.59.png?alt=media\&token=89b96739-b1c4-4ab7-bc8b-3f5d196dc071)

Now, choose RAW element.

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBuiEm2zqKfzIWaDmKU%2F-LBukdLSkvy23UxWxGVe%2FCustom_HTML_JS_CSS.jpeg?alt=media\&token=a54aedfe-57d1-4c88-ae69-c5516c6e6372)

Click on the Raw element to open the code editor. (Don't worry, you don't need any programming skills 😃)

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBuiEm2zqKfzIWaDmKU%2F-LBukrE89CYUhG0zd1He%2FScreenshot%202018-05-07%2017.59.54.png?alt=media\&token=1fed442e-a196-4d85-aa2e-88b6f0af8ea7)

Click on Edit RAW

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBuiEm2zqKfzIWaDmKU%2F-LBulAwMoHtFTKhX2i2q%2FScreenshot%202018-05-07%2018.01.07.png?alt=media\&token=2058d103-b988-45ef-84c7-08c58b9ec982)

Paste the Embed code into the Code editor and click save.

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBuiEm2zqKfzIWaDmKU%2F-LBumqXhA-4ShUkUEqyw%2FScreenshot%202018-05-07%2018.59.31.png?alt=media\&token=fd5edbc2-d3af-4dba-9b5c-4bb5dd9c7eff)

That's it. Publish your website and Video will be available on your website.&#x20;

You can customize Background and embed size etc from Settings.

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBunAPTS0dpBq_gzJVo%2F-LBunLkOZiKsxKIS9mTb%2FScreenshot%202018-05-07%2019.01.35.png?alt=media\&token=009c3ddc-db04-4b89-903c-34ed9f5f4e0e)