plyr options

ui/src/components/BDay.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="bday">
     <h1>Alles Gute zu Deinem Geburtstag!</h1>
-    <vue-plyr>
+    <vue-plyr :options="plyr_options">
       <video poster="../assets/poster.png" autoplay="true">
         <source src="/fake_api/part1_240.mp4" type="video/mp4" size="240" />
         <source src="/fake_api/part1_360.mp4" type="video/mp4" size="360" />
@@ -15,6 +15,15 @@
 export default {
   name: "BDay",
 
+  data: () => ({
+    plyr_options: {
+      clickToPlay: false,
+      keyboard: { focused: false, global: false },
+      controls: ["mute", "volume", "settings", "airplay", "fullscreen"],
+      settings: ["quality"],
+    },
+  }),
+
   mounted: () => {
     document.title = "Herzlichen Glückwunsch!";
   },