import { wrapYtPlayer } from './wrapper'

const tag = document.createElement('script')

tag.src = 'https://www.youtube.com/iframe_api'

const firstScriptTag = document.getElementsByTagName('script')[0]

firstScriptTag.parentNode.insertBefore(tag, firstScriptTag)

let player

const videoId = 'n2-S7PflBwk'

function onYouTubeIframeAPIReady() {
  // @ts-ignore
  player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId,
    playerVars: {
      playsinline: 1,
    },
    events: {
      onReady: onPlayerReady,
      onStateChange: onPlayerStateChange,
    },
  })
}

function onPlayerReady(event) {
  player = event.target

  wrapYtPlayer(player, {}, false)

  event.target.playVideo()
}

function onPlayerStateChange(event) {
  // @ts-ignore
  if (event.data == YT.PlayerState.PLAYING) {
  }
}

// @ts-ignore
window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady