|
@@ -7,6 +7,7 @@ import { CommonStore } from '@/stores/common'
|
|
|
|
|
|
import CartoucheLayout from '@components/layout/CartoucheLayout.vue';
|
|
|
|
|
|
+
|
|
|
import vSelect from 'vue-select';
|
|
|
import 'vue-select/dist/vue-select.css';
|
|
|
|
|
@@ -274,9 +275,26 @@ export default {
|
|
|
</template>
|
|
|
|
|
|
<template v-slot:footer>
|
|
|
-
|
|
|
+ <!-- <vue-plyr>
|
|
|
+ <div class="plyr__video-embed"> -->
|
|
|
+ <iframe
|
|
|
+ src="https://www.youtube.com/embed/_Uogb4tJ9c4?amp;iv_load_policy=3&modestbranding=1&playsinline=1&showinfo=0&rel=0&enablejsapi=1"
|
|
|
+ allowfullscreen
|
|
|
+ allowtransparency
|
|
|
+ frameborder="0"
|
|
|
+ ></iframe>
|
|
|
+ <!-- </div>
|
|
|
+ </vue-plyr> -->
|
|
|
</template>
|
|
|
</CartoucheLayout>
|
|
|
|
|
|
|
|
|
-</template>
|
|
|
+</template>
|
|
|
+
|
|
|
+<style lang="css">
|
|
|
+ iframe{
|
|
|
+ width:100%;
|
|
|
+ /* height:calc() */
|
|
|
+ aspect-ratio: 16/9;
|
|
|
+ }
|
|
|
+</style>
|