title: Adding Text overlay to my Vimeo Full Screen Background -iframe-
body: <p>Currently I am working on a full video background setup.  This is a newbie question.  I want to add text over the video.   I Did search on here for some tutorials and tried a few things but just could not get it to work.  </p>
  
  <p>Code:</p>
  
  <pre><code>&lt;div class="video"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="540"            mozallowfullscreen="" src="//player.vimeo.com/video/99315264? title=0&amp;amp;byline=0&amp;amp;portrait=0&amp;amp;color=3a6774&amp;amp;autoplay=1&amp;amp;loop=1" webkitallowfullscreen="" width="960"&gt;&lt;/iframe&gt;
  
  
      &lt;style type="text/css"&gt;body {
      margin: 0;
      padding: 0;
       }
      .Video {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%}
  
  
       .Video iframe {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      }
  
      .Video .Overlay {
      position: absolute;
      z-index: 2;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.0);
      }
      &lt;/style&gt;
  </code></pre>
  
  <p>The code is working perfect however I wanted to add some text overlay.   I have been reading tutorials however I just cannot seem to find the right fit.  Easy question I am sure.  Thank you for your help.  </p>
  
  <p>Also when using this format</p>
  
  <p>example:</p>
  
  <pre><code> &lt;video autoplay loop&gt;
   &lt;source src=”loop.mp4” type=”video/mp4”&gt;
   &lt;source src=”loop.webm” type=”video/webm”&gt;
   &lt;source src=”loop.ogv” type=”video/ogg”&gt;
   &lt;/video&gt; 
  </code></pre>
  
  <p>the vimeo video did no load correctly- 404 error- so I used the iframe setup instead-- seems to be the trick.  I am using the Vimeo video because I have a paid account which allows me to customize the video settings and play it in full HD.   </p>
  
  <p>Thanks again. </p>
  
  <p>my video <a href="http://lmdesigns.x10host.com/Designtest.html" rel="nofollow">http://lmdesigns.x10host.com/Designtest.html</a> </p>