Can you stop a HTML5 video pausing/stopping on scroll?
<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>