﻿<template>
  <iframe
      :src="src"
      title="YouTube video player"
      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
      referrerpolicy="strict-origin-when-cross-origin"
      allowfullscreen
  ></iframe>
</template>

<script setup>
const props = defineProps({
  src: {
    type: String,
    required: true,
  },
});
</script>

<style scoped>
iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
</style>