<template>
  <div style="margin-top: 1.5em; margin-bottom: 1.5em;">
    <!-- NOTE: add ?autoplay=1 to the src query string-->
    <iframe style="display: inline-block" width="560" height="315" :src="`https://www.youtube.com/embed/${idAndSi}&autoplay=${autoplay?'1':'0'}`" title="Dexorder on YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  </div>
</template>

<script setup>
const idAndSi = '_sqzehuqWXw?si=SY04mCk9MhiBPFLP'
const props = defineProps({autoplay: {type: Boolean, default: false}})
</script>
