title: Scroll Magic Pinning and HTML 5 Video tag
body: <p>I am using Scroll Magic JS. My goal is to take my HTML5 video (below) and use the pin method to make it stick in the background while text scrolls over the top of it.</p>
  
  <pre><code>&lt;video preload="auto" autoplay="autoplay" loop="loop" id="bgvid"&gt;
      &lt;source src="../../pictures/coding.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>My Javascript: </p>
  
  <pre><code>var scene_statement = new ScrollScene({triggerElement: "#trigger5", duration: 400})
                      .setPin("#bgvid")
                      .addTo(controller);
  </code></pre>
  
  <p>When I do not include the javascript the video works perfectly (obviously not pinning though) and when I use the javascript on an image instead of a video the pinning works perfectly. </p>
  
  <p>When I use the javascript with the video, the video still appears, and it pins, but it does not play. Does anyone know how to overcome this?</p>
  
  <p>Thanks</p>