Wistia Playground

by paulftw

HTML

<div class=container>
  <div class='wistia_embed' id='wistia_yx5szlgbvo'></div>
</div>

CSS

.container {
  margin: 20px;
  padding: 20px;
  width: 300px;
  height: 250px;
  background-color: #caa;
}

.wistia_embed{
  width:200px;
  height:200px;
}

JavaScript

var script = document.createElement('script')
script.src = '//fast.wistia.com/assets/external/E-v1.js';
script.async=1
script.onload = function() {
  console.log('I have Wistia: ', window.Wistia);
  console.debug();
  window.Wistia=Wistia;
  Wistia.embed('yx5szlgbvo')
}
document.head.appendChild(script)

window._wq = window._wq || []
window._wistia_handles = {}
window._wq.push({
  _all: function(video) { window._wistia_handles[video.videoId] = video; console.log(arguments); return video }
})