Home.vue

<script setup>
import { ref, onMounted } from 'vue'

export const player = ref(null)
const createPlayer = () => {
  player.value = new YT.Player('player', {
    width: '560',
    height: '349',
    videoId: 'ScMzIvxBSi4'
  })
}
onMounted(() => {
  if (!window.YT) {
    const tag = document.createElement('script')
    tag.src = 'https://www.youtube.com/player_api'
    document.body.appendChild(tag)
    window.onYouTubeIframeAPIReady = function() {
      createPlayer()
    }
  } else {
    createPlayer()
  }
})
</script>