Untitled

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="index.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <script src="index.js"></script>
    <iframe id="ytplayer" type="text/html" style="position:absolute; top:0px; left:0px; bottom:0px; right:10px; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;" src="https://www.youtube-nocookie.com/embed/_r3LynEZuko?playlist=_r3LynEZuko&rel=0&autoplay=1&playsinline=1&controls=0&showinfo=0&enablejsapi=1" frameborder="0" allowfullscreen></iframe>
  </body>
</html>

var tag = document.createElement('script');
    tag.src = "//www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    var player;
    function onYouTubeIframeAPIReady() {
        player = new YT.Player('ytplayer', {
             events: {
                'onReady': onPlayerReady,
                'onPlaybackQualityChange': onPlayerPlaybackQualityChange,
                'onStateChange': onPlayerStateChange
            }
        });
    }

    function onPlayerReady() {
        player.playVideo();
        player.mute();
    }
    function onPlayerPlaybackQualityChange(event) {
      var available_qualities = player.getAvailableQualityLevels();
      alert("Available qualities are" + available_qualities);

      var displayed_quality= player.getPlaybackQuality();
      alert("Used quality is" + displayed_quality);
    }
    function onPlayerStateChange(event) {
        if(event.data === YT.PlayerState.PLAYING){
        event.target.setSize( width=7000, height=10000 ); //huge dimensions
      }

    }

function onPlayerPlaybackQualityChange(event) {
            var available_qualities = player.getAvailableQualityLevels();
          alert("Available qualities are" + available_qualities);
        }