From 3261984eb71f951add27d4a43bc7e41aa0978b99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?=
 <Joern-Michael.Miehe@Lenaisten.de>
Date: Sun, 6 Sep 2020 02:58:00 +0200
Subject: [PATCH] plyr options

---
 ui/src/components/BDay.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/BDay.vue b/ui/src/components/BDay.vue
index fae7a59..10b6bf3 100644
--- a/ui/src/components/BDay.vue
+++ b/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!";
   },