youtube embed playlist

docs/.vitepress/theme/components/YouTube.vue

@@ -4,7 +4,11 @@
       :class="$style.iframe"
       width="100%"
       height="100%"
-      :src="'https://www.youtube.com/embed/' + $props.id"
+      :src="
+        'https://www.youtube.com/embed/' +
+        ($props.list ? `videoseries?list=${$props.list}` : $props.id)
+      "
+      :title="$props.title"
       frameborder="0"
       allow="
         accelerometer;
@@ -13,14 +17,22 @@
         gyroscope;
         picture-in-picture;
         fullscreen;
+        clipboard-write;
+        web-share;
       "
+      referrerpolicy="strict-origin-when-cross-origin"
+      allowfullscreen
     >
     </iframe>
   </div>
 </template>
 
 <script setup lang="ts">
-defineProps<{ id: string; title?: string }>();
+defineProps<{
+  id?: string;
+  list?: string;
+  title?: string;
+}>();
 </script>
 
 <style module>