title: How to use tubular.js properly, so that the youtube video is in the background of my site?
body: <p>I'm using tubular.js and wanted to set up the youtube video as a background.</p>
  
  <p>So far I have the following html code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" charset="utf-8" src="js/jquery.tubular.1.0.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript"&gt;
              $(function() {
                  var options = {
                      videoId : '9JXVUP1hyxA',
                      start : 10
                  };
                  $('html').tubular(options);
              });
          &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>but the video is almost on the full screen, but there are still around 5-10 px around - you can see it <a href="http://i.imgur.com/UgnTx92.jpg" rel="nofollow">here</a>. How can I prevent that?
  And another question, maybe you will guys know - I have the video on repeat and it works, but when it reaches the end - just before starting again there's a blank screen with other video suggestions that is always visible on youtube after the video is played. It's visible for couple milliseconds, but still a little bit weird - do you know how to solve that issue? thanks! </p>