title: Countdown timer to start of HTML5 video
body: <p>I am trying to get a 3 second timer to display and then start the HTML5 video. What I have so far is a hover to start the video and it works great. I need to have a timer display when you hover over the video and when that timer hits 0 it will start the video. Any suggestions. This is the code I have for the video hover to start.</p>
  
  <pre><code>   $('#player2').hover(function(){
        var that = $(this);
           if(!$('#'+that.data('video')).is(':visible')){
             $('video:visible')[0].play();
                $('video:visible').fadeIn('normal', function(){
      $('video')[0].play();
                   $('#'+that.data('video')).fadeOut('normal', function(){
                 $('#'+that.data('video'))[0].play();
               });
            });
          }else{
            $('#'+that.data('video'))[0].play();
           }
  
         }, function(){
          $('video:visible')[0].play();
          });
  </code></pre>