title: How to display a 5secend video before page load in html?
body: <p>I have a simple Html5 landing page and i want to show a 5secend video before the main page. it could be a popup or anything all i want is to display the video without any borders,playback buttons etc. and then load the main page.</p>
  
  <p>Greetings! 
  this is what i tried</p>
  
  <pre><code>&lt;script&gt;
    function openColorBox(){
      $.colorbox({iframe:true, width:"80%", height:"80%", href: "http://as2.asset.aparat.com/aparat-video/325cc0361862066dc06e8fb1fc7ec8a77684093-240p__39060.mp4"});
    }
  
  
    setTimeout(openColorBox, -5000);
    $.colorbox({ overlayClose: true });
  
  
  &lt;/script&gt;
  </code></pre>