Move video embed classes

This commit is contained in:
Oliver Davies 2020-09-27 19:09:09 +01:00
parent a6ce168d97
commit 97874b7e10
2 changed files with 5 additions and 16 deletions

View file

@ -12,16 +12,4 @@
@apply transition-colors ease-in-out duration-300;
@apply hover:bg-blue-550
}
.embed-responsive {
@apply block relative h-0 overflow-hidden aspect-ratio-16/9
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
@apply absolute w-full h-full inset-0 border-0
}
}

View file

@ -4,10 +4,11 @@
{{ talk.title }}
</div>
<div class="embed-responsive">
<div class="embed-responsive-item">
<iframe :src="`https://www.youtube.com/embed/${talk.videoId}`"/>
</div>
<div class="block relative h-0 overflow-hidden aspect-ratio-16/9">
<iframe
class="absolute w-full h-full inset-0 border-0"
:src="`https://www.youtube.com/embed/${talk.videoId}`"
/>
</div>
</div>
</template>