title: Looping animation over web content
body: <p>I've been searching for a way to put a looping animation with alpha over top of web content for a few weeks now. The fact that I can't seem to find anyone asking this question or any answers to it makes me think the solution is so mind-numbingly easy that no one <em>needs</em> to ask it.</p>
  
  <p>For an example of this effect go to <a href="http://bonfirestudios.com" rel="nofollow noreferrer">bonfirestudios.com</a></p>
  
  <p>They have used this technique multiple times throughout the website, most notably their logo on the main page. They have an animation loop playing over top of their website content. It could just be a video played with a screen blending mode, but my knowledge of html and css is so limited I'm not sure what I should be looking for.</p>
  
  <p>It seems so simple in concept: play a video (with alpha data) on loop, but I can't find anything (or don't know where/how to look specifically) that explains how to achieve this effect. Notably, there are no video controls or anything to otherwise indicate it is a video that's playing. I've checked their code, but my limited understanding of javascript and the like find it hard to know what I'm looking for.</p>
  
  <p>Any help or direction is greatly appreciated, thank you.</p>