mirror of
https://github.com/TeamPiped/Piped.git
synced 2024-11-23 14:07:24 +00:00
Player element css improvements.
This commit is contained in:
parent
0d68351d1a
commit
bcf15940b6
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user