| 1 | <!-- |
| 2 | A simple wrapper for embeded YouTube videos |
| 3 | |
| 4 | Usage: |
| 5 | |
| 6 | <Youtube id="luoMHjh-XcQ" /> |
| 7 | --> |
| 8 | |
| 9 | <script setup lang="ts"> |
| 10 | defineProps<{ |
| 11 | id: string |
| 12 | width?: number |
| 13 | height?: number |
| 14 | }>() |
| 15 | </script> |
| 16 | |
| 17 | <template> |
| 18 | <iframe |
| 19 | class="youtube" |
| 20 | :width="width" |
| 21 | :height="height" |
| 22 | :src="`https://www.youtube.com/embed/${id}`" |
| 23 | title="YouTube" |
| 24 | frameborder="0" |
| 25 | allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" |
| 26 | allowfullscreen |
| 27 | /> |
| 28 | </template> |
| 29 |