TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Player element css improvements.

Browse source
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
1 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/VideoPlayer.vue
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;