title: Cannot display texts in front of video background with BigVideo.js plugin in Rails app
body: <p>I'm working on a Rails app where I'd like to render a video background using BigVideo.js. However, I can only get the video to show up in front of everything else, so it defeats the purpose of being a background. </p>
  
  <p>Here is my code:</p>
  
  <p>layouts/application.html.erb:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;MyApp&lt;/title&gt;
    &lt;link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"&gt;
    &lt;link href="//vjs.zencdn.net/4.7/video-js.css" rel="stylesheet"&gt;
    &lt;script src="//vjs.zencdn.net/4.7/video.js"&gt;&lt;/script&gt;
    &lt;%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' =&gt; true %&gt;
    &lt;%= javascript_include_tag 'application', 'data-turbolinks-track' =&gt; true %&gt;
    &lt;%= csrf_meta_tags %&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;%= yield %&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>assets/javascripts/static.js:</p>
  
  <pre><code>$(document).ready(function() {
    var BV = new $.BigVideo({container: $('.wrapper')});
    BV.init();
    BV.show('http://vjs.zencdn.net/v/oceans.mp4',{ambient:true});
  });
  </code></pre>
  
  <p>views/static/index.html.erb:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class='jumbotron'&gt;
      &lt;h2 class='center-text'&gt;I'd like to show up in front of the video&lt;/h2&gt;
      &lt;div class="wrapper"&gt;&lt;/div&gt;
  
      &lt;div class="text-center"&gt;
        &lt;a class='btn btn-primary btn-lg' role='button'&gt;Learn More&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'd greatly appreciate any help or pointers!! Thanks!</p>