<template>
    <div class="bday">
        <h1>Alles Gute zu Deinem Geburtstag!</h1>
        <vue-plyr>
            <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>
    </div>
</template>

<script>
export default {
    name: 'BDay',
    mounted: () => {
        document.title = 'Herzlichen Glückwunsch!'
    }
}
</script>

<style scoped>
div.bday {
    margin: auto;
    max-width: 850px;
}
</style>