2020-08-22 12:21:15 +00:00
|
|
|
<template lang="html">
|
2021-01-07 22:50:59 +00:00
|
|
|
<div class="videos">
|
2020-08-22 12:21:15 +00:00
|
|
|
<b-embed
|
2021-01-07 22:50:59 +00:00
|
|
|
v-for="{ video_id } in videos"
|
|
|
|
class="rounded mb-2"
|
2020-08-22 12:21:15 +00:00
|
|
|
:key="video_id"
|
|
|
|
type="iframe"
|
|
|
|
aspect="16by9"
|
|
|
|
:src="`https://www.youtube.com/embed/${video_id}`"
|
|
|
|
allowfullscreen
|
|
|
|
/>
|
2021-01-07 22:50:59 +00:00
|
|
|
</div>
|
2020-08-22 12:21:15 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
props: {
|
2021-01-07 22:50:59 +00:00
|
|
|
videos: Array,
|
2020-08-22 12:21:15 +00:00
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|
2021-01-07 22:50:59 +00:00
|
|
|
|
|
|
|
<style lang="scss" rel="stylesheet/scss" scoped>
|
|
|
|
.videos {
|
|
|
|
display: grid;
|
|
|
|
grid-gap: 1rem;
|
|
|
|
}
|
|
|
|
</style>
|