title: Problems with Youtube Iframe Api to start playing video on Chrome
body: <p>I have following starting setup: </p>
  
  <pre><code>var player;
  function onYouTubeIframeAPIReady() {
     player = new YT.Player('player', {
        events: {
           'onReady': onPlayerReady,
           'onStateChange': onPlayerStateChange
        }
     });
  }
  </code></pre>
  
  <p>Then in <code>onPlayerReady</code> handler I added event listener to button which is outside iframe:</p>
  
  <pre><code>function onPlayerReady(event) {
     button.addEventListener('click', () =&gt; event.target.playVideo());
  }
  </code></pre>
  
  <p>In <code>onPlayerStateChange</code> I'm just logging what is happening:</p>
  
  <pre><code>function onPlayerStateChange(event) {
      console.log(event.data);
  }
  </code></pre>
  
  <p>After hitting that button in Chrome (v.72.0.3626.119) there are 3 entries in console: <code>-1 (UNSTARTED), 3 (BUFFERING), -1 (UNSTARTED)</code>. When I try to hit button again nothing happens.
  This works perfectly in Firefox, IE giving in console: <code>-1 (UNSTARTED), 3 (BUFFERING),</code><strong><code>1 (PLAYING)</code></strong> and simply video starts playing.</p>
  
  <p>Do you have any idea how to solve it?</p>