Player element css improvements.

This commit is contained in:
FireMasterK 2022-01-22 23:09:29 +00:00
parent 0d68351d1a
commit bcf15940b6
No known key found for this signature in database
GPG Key ID: 49451E4482CC5BCD

View File

@ -1,14 +1,7 @@
<template> <template>
<div class="w-full"> <div ref="container" data-shaka-player-container :class="{ 'player-container': !isEmbed }">
<div
ref="container"
data-shaka-player-container
style="width: 100%; height: 100%; background: #000"
:style="!isEmbed ? { 'max-height': '75vh', 'min-height': '250px' } : {}"
>
<video ref="videoEl" data-shaka-player class="w-full" :autoplay="shouldAutoPlay" :loop="selectedAutoLoop" /> <video ref="videoEl" data-shaka-player class="w-full" :autoplay="shouldAutoPlay" :loop="selectedAutoLoop" />
</div> </div>
</div>
</template> </template>
<script> <script>
@ -538,6 +531,10 @@ export default {
</script> </script>
<style> <style>
.player-container {
@apply max-h-75vh min-h-64 bg-black;
}
.shaka-text-container > div { .shaka-text-container > div {
height: auto !important; height: auto !important;
width: auto !important; width: auto !important;