gamebrary/src/components/Game/GameVideos.vue

29 lines
474 B
Vue
Raw Normal View History

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>