title: "Uncaught ReferenceError: wistiaEmbed is not defined"
body: <p>I get this error on this page:
  <a href="http://pages.purevisionmethod.com/myopia-class-replay/" rel="nofollow">http://pages.purevisionmethod.com/myopia-class-replay/</a></p>
  
  <p>I try to get this code execute:</p>
  
  <pre><code>&lt;div style="width:1240px;max-width:100%;text-align:center;margin:5rem auto 0 auto;"&gt;
  &lt;script src="//fast.wistia.com/assets/external/E-v1.js" async&gt;&lt;/script&gt;&lt;div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"&gt;&lt;div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"&gt;&lt;div class="wistia_embed wistia_async_4uf1zbu4se videoFoam=true" style="height:100%;width:100%"&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
  &lt;script&gt;
  window._wq = window._wq || [];
  
  wistiaEmbed.bind("secondchange", function (s) {
    if(s === 20) {
      $('.hiding').fadeIn(500);
    }
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I get the error: “Uncaught ReferenceError: wistiaEmbed is not defined”</p>
  
  <p>I cannot work out what's going on. The reference should be defined by 
  <code>&lt;script src="//fast.wistia.com/assets/external/E-v1.js" async&gt;&lt;/script&gt;</code></p>
  
  <p>But no matter where I move the file, if in the header, footer, anywhere, I still get the same error.</p>
  
  <p>Can you see why?</p>
  
  <p>Thanks!!</p>