title: player.getPlayerState is unavailable after YouTube Iframe API initialization
body: <p>A feature using the YouTube Iframe API has been broken for a while on a little music discovery site I have, and I'm trying to understand why:</p>
  
  <ol>
  <li>Open <a href="http://www.dailygrooves.org/" rel="nofollow noreferrer">www.dailygrooves.org</a></li>
  <li>Press the <code>spacebar</code> key.</li>
  </ol>
  
  <p><em>→ Expected</em>: playback should start.</p>
  
  <p><em>→ Actual</em>: the <code>playpause</code> function throws <code>TypeError: player.getPlayerState is not a function</code> when running <code>var playerState = player.getPlayerState()</code>. And looking at my player object, indeed this method is missing:</p>
  
  <p>&nbsp;&nbsp;&nbsp; <img src="https://i.stack.imgur.com/ONw8b.png" alt="screenshot of the &#39;player&#39; object in my DevTools"></p>
  
  <p>What's wrong in my API usage / initialization? It used to work fine, and I think started to fail a few months ago, even though the <a href="https://developers.google.com/youtube/iframe_api_reference" rel="nofollow noreferrer">YouTube Iframe Player API Reference</a> mentions no recent changes to the API. Thanks for the help!</p>