Lenaisten/bday2020
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

plyr options

Browse source
This commit is contained in:
Jörn-Michael Miehe 2020-09-06 02:58:00 +02:00
parent 29860637f9
commit 3261984eb7
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
ui/src/components/BDay.vue
View file

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