youtube player is working

This commit is contained in:
2023-07-05 12:34:01 +02:00
parent 049185cd4c
commit 965d08c432
4 changed files with 147 additions and 490 deletions

View File

@@ -7,10 +7,6 @@ import { UserStore } from '@/stores/user'
import CartoucheLayout from '@components/layout/CartoucheLayout.vue';
import { VideoPlayer } from '@videojs-player/vue'
import 'videojs-youtube'
import 'video.js/dist/video-js.css'
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/antd.css'
@@ -50,7 +46,6 @@ export default {
},
components: {
CartoucheLayout,
VideoPlayer,
VueSlider
}
}
@@ -117,16 +112,16 @@ export default {
<section
v-if="source.videos.length"
class="video multiple">
<!-- <a
v-for="(video,v) in source.videos"
:key="v"
:href="video.url">{{ video.url }}</a> -->
<VideoPlayer
<vue-plyr
v-for="(video,v) in source.videos"
:key="v"
type="video/youtube"
:src="video.url"
controls/>
:key="v">
<div class="plyr__video-embed">
<iframe
:src="video.url"
allowfullscreen
></iframe>
</div>
</vue-plyr>
</section>
</section>
</section>