// 2. This code loads the IFrame Player API code asynchronously.
      var tag = document.createElement('script');
      tag.src = "http://www.youtube.com/player_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      // 3. This function creates an <iframe> (and YouTube player)
      //    after the API code downloads.
      var player;
      function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
      }

      // 4. The API will call this function when the video player is ready.
      function onPlayerReady(event) {
       // event.target.playVideo();
      }
        function play_vid(){
            //$('#player').css('display','block');
             //event.target.playVideo();
             player.playVideo();
        }
      // 5. The API calls this function when the player's state changes.
      //    The function indicates that when playing a video (state=1),
      //    the player should play for six seconds and then stop.
     
      function onPlayerStateChange(event) {
        
        if(event.data === 0){
            $('#vidContainer').fadeOut('slow');
        }
       
      }
     function skip_intro(){
        $('#vidContainer').fadeOut('slow',
            function(){
                $('#vidContainer').remove();
            }
        );
     }
     
     function play_video(){
        $('#vidContainer').fadeIn('slow',
            function(){
                play_vid();
            }
        );
     }