title: Can you stop a HTML5 video pausing/stopping on scroll?
body: <p>I have a HTML5 video banner at the top of my page. It has the <code>autoplay</code> and <code>loop</code> attributes added. When I begin to scroll down the page the video stops and never restarts when I scroll back upwards. I'd like the video to carry on playing no matter if the user scrolls or not.</p>
  
  <p>There doesn't seem to be any attributes <a href="http://www.w3schools.com/tags/tag_video.asp" rel="nofollow">listed in the W3C spec</a> that suggests a solution, so is there another way of disabling this functionality?</p>
  
  <p>The HTML and CSS is very simple so I'm wondering if I need some JS to help along the way:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;video preload="none" autoplay loop&gt;
    &lt;source src="/media/test.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>video {
    width: 100%;
    height: auto;
  }
  </code></pre>
  
  <p>Any help would be much appreciated.</p>