fix: video player responsiveness
This commit is contained in:
parent
ca03bf716b
commit
846e89f58e
1 changed files with 9 additions and 5 deletions
|
|
@ -1,12 +1,16 @@
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.player-shell {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.player {
|
.player {
|
||||||
display: flex;
|
display: block;
|
||||||
justify-content: center;
|
width: 100%;
|
||||||
align-items: center;
|
|
||||||
height: auto;
|
height: auto;
|
||||||
max-height: 80vh;
|
max-height: 80vh;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
position: relative;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
.keyboard-help {
|
.keyboard-help {
|
||||||
|
|
@ -83,7 +87,7 @@
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div v-if="infoLoaded">
|
<div v-if="infoLoaded">
|
||||||
<div style="position: relative">
|
<div class="player-shell">
|
||||||
<video
|
<video
|
||||||
class="player"
|
class="player"
|
||||||
ref="video"
|
ref="video"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue