Back to index

Code for both examples

(The only difference between the two is the container the code is placed in)

Note: these examples use Wistia's standard responsive embed code. To embed a video, copy the code just below, and replace the red text with the id of your video.

<script src="//fast.wistia.com/embed/medias/s3lqfi0zn7.jsonp" async></script>
<script src="//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_s3lqfi0zn7 seo=false videoFoam=true" style="height: 100%; width: 100%">
      &nbsp;
    </div>
  </div>
</div>

Video displayed within grid cell

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 

Full width video

 
Facebook logo icon Twitter logo icon linkedin logo icon Youtube logo icon