Wistia Video

Last updated 9 months ago

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.

Now, copy the Video Embed code using Copy Button

Here is a Example Embed code:-

<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).

Now, choose RAW element.

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

Click on Edit RAW

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

That's it. Publish your website and Video will be available on your website.

You can customize Background and embed size etc from Settings.