title: Overlaying a DIV On Top Of HTML 5 Video
body: <p>I need to overlay a div ON TOP of a div containing an HTML 5 video. In the example below the overlaying div's id is "video_overlays". See example below:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="video_box"&gt;
    &lt;div id="video_overlays"&gt;&lt;/div&gt;
    &lt;div&gt;
      &lt;video id="player" src="http://video.webmfiles.org/big-buck-bunny_trailer.webm" type="video/webm" onclick="this.play();"&gt;Your browser does not support this streaming content.&lt;/video&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>