2020-09-05 16:25:28 +00:00
|
|
|
<template>
|
|
|
|
|
<div class="bday">
|
|
|
|
|
<h1>Alles Gute zu Deinem Geburtstag!</h1>
|
|
|
|
|
<vue-plyr>
|
2020-09-05 16:51:59 +00:00
|
|
|
<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>
|
2020-09-05 16:25:28 +00:00
|
|
|
</vue-plyr>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
name: 'BDay',
|
|
|
|
|
mounted: () => {
|
|
|
|
|
document.title = 'Herzlichen Glückwunsch!'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
div.bday {
|
|
|
|
|
margin: auto;
|
|
|
|
|
max-width: 850px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
