Add top overlay with title and current hour

This adds Kodi-like semi-transparent overlay with current media title, hour and estimated time when video will end. The overlay is visible only on fullscreen mode.
This commit is contained in:
Rafostar
2020-09-15 21:08:46 +02:00
parent 779796c2c3
commit 73e7f1e2a0
4 changed files with 133 additions and 22 deletions

View File

@@ -24,6 +24,23 @@ scale marks {
.videobox {
background: black;
}
.reavealertop {
min-height: 100px;
box-shadow: inset 0px 200px 10px -124px rgba(0,0,0,0.4);
font-size: 32px;
font-weight: 500;
background: transparent;
}
.osdtime {
margin-top: 0px;
font-size: 40px;
font-weight: 700;
}
.osdendtime {
margin-top: 42px;
font-size: 24px;
font-weight: 600;
}
/* Position Scale */
.positionscale value {