title: javascript / youtube api - variable YT is not defined
body: <p>I'm creating a youtube player embed via the YT api but I keep getting an alert that the variable YT is not defined. I can see that the script for the youtube API is getting included, which is supposed to create the variable YT - so why isn't this working? It works elsewhere on my site.</p>
  
  <p>Here's the link:</p>
  
  <p><a href="http://oncreativity.tv/site/single/4/7CtQaTmEuWk" rel="noreferrer">http://oncreativity.tv/site/single/4/7CtQaTmEuWk</a></p>
  
  <p>and my code:</p>
  
  <pre><code>&lt;script&gt;
  
   $(document).ready(function() {
  
      var tag = document.createElement('script');
      tag.src = "http://www.youtube.com/player_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
      var player;
  
      var videoSupport = Modernizr.video;
      var ua = navigator.userAgent.toLowerCase();
      var vid = {};
  
      var params = { allowScriptAccess: "always" };
      var atts = { id: "video_player_flash" };
  
      {exp:channel:entries channel="creators" dynamic="off" entry_id="{segment_3}" sort="asc" limit="1"}  
      vid.description = "{creator_description}";
      vid.videoID = '{segment_4}';
      vid.link = encodeURI("{creator_link}");
      vid.title = "{title}";
      vid.photos = [];
      {creator_work}  
          vid.photos[{row_index}] = {};
          vid.photos[{row_index}].url = "{work_img}";
          vid.photos[{row_index}].title = "{work_title}";
      {/creator_work}
      {/exp:channel:entries}
  
      var $vidContainerRef = $('#video_player_container');
      var $vidPlayer = $('&lt;div id="video_player"/&gt;');
      $vidContainerRef.append($vidPlayer);
      vidID = vid.videoID;
  
      player = new YT.Player('video_player', {
          width: '768',
          height: '432',
          videoId: vidID,
          events: {
              'onReady': onPlayerReady,
              'onStateChange': onPlayerStateChange
          }
      });
  
  });
  
  &lt;/script&gt;
  </code></pre>