Move video embed classes
This commit is contained in:
parent
a6ce168d97
commit
97874b7e10
|
@ -12,16 +12,4 @@
|
||||||
@apply transition-colors ease-in-out duration-300;
|
@apply transition-colors ease-in-out duration-300;
|
||||||
@apply hover:bg-blue-550
|
@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
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,10 +4,11 @@
|
||||||
{{ talk.title }}
|
{{ talk.title }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="embed-responsive">
|
<div class="block relative h-0 overflow-hidden aspect-ratio-16/9">
|
||||||
<div class="embed-responsive-item">
|
<iframe
|
||||||
<iframe :src="`https://www.youtube.com/embed/${talk.videoId}`"/>
|
class="absolute w-full h-full inset-0 border-0"
|
||||||
</div>
|
:src="`https://www.youtube.com/embed/${talk.videoId}`"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in a new issue