JSFiddle - React, Tailwind, and code Playground

by Alin Guta

HTML

<script src="https://www.youtube.com/iframe_api"></script>
    <div id='vidWrapper'>
<iframe id="ytplayer" width="640" height="360" src="http://www.youtube.com/embed/-cSFPIwMEq4?version=3&enablejsapi=1" frameborder="0" allowfullscreen=""></iframe>
    </div>
   
    <script>
      var player;

      function onYouTubeIframeAPIReady() {
        player = new YT.Player('ytplayer', {
          events: {
            'onStateChange': function(event) {
              if (event.data == YT.PlayerState.PLAYING) {
                pauseAudio();
              }
            }
          }
        });
      }

      function pauseAudio() {
        alert('haha');
      }
    </script>