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

part1 video

Browse source
This commit is contained in:
Jörn-Michael Miehe 2020-09-05 18:51:59 +02:00
parent b70614835f
commit ca106ccc28
6 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/video/part1.mp4 Executable file
View file

Binary file not shown.

BIN
public/video/part1.webm Executable file
View file

Binary file not shown.

2
src/App.vue
View file

@ -18,7 +18,7 @@ export default {
<style> <style>
html { html {
background-image: url('/bg.jpg'); background-image: url('./assets/bg.jpg');
height: 100%; height: 100%;
/* overflow:hidden; */ /* overflow:hidden; */
} }

0
public/bg.jpg → src/assets/bg.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 496 KiB

After

Width:  |  Height:  |  Size: 496 KiB

BIN
src/assets/poster.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 155 KiB

5
src/components/BDay.vue
View file

@ -2,7 +2,10 @@
<div class="bday"> <div class="bday">
<h1>Alles Gute zu Deinem Geburtstag!</h1> <h1>Alles Gute zu Deinem Geburtstag!</h1>
<vue-plyr> <vue-plyr>
<div data-plyr-provider="youtube" data-plyr-embed-id="bTqVqk7FSmY"></div> <video poster='../assets/poster.png' autoplay="true">
<source src='/video/part1.mp4' type='video/mp4' size='640'>
<source src='/video/part1.webm' type='video/webm' size='854'>
</video>
</vue-plyr> </vue-plyr>
</div> </div>
</template> </template>