29 lines
640 B
Vue
29 lines
640 B
Vue
<template>
|
|
<div class="bday">
|
|
<h1>Alles Gute zu Deinem Geburtstag!</h1>
|
|
<vue-plyr>
|
|
<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" />
|
|
<source src="/fake_api/part1_480.mp4" type="video/mp4" size="480" />
|
|
</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>
|