Embed: added ambilight ^_^

This commit is contained in:
Cat 2021-07-28 12:05:22 +02:00 committed by Thulinma
parent f4fd56f170
commit 124ae55037
5 changed files with 97 additions and 2 deletions

View file

@ -126,6 +126,29 @@ svg.icon.timeout {
.mistvideo[data-show-submenu] .mistvideo-controls {
bottom: 0;
}
.mistvideo-videobackground {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
filter: blur(1cm);
}
.mistvideo-videobackground * {
position: absolute;
filter: opacity(0);
transition: filter 0s 2s;
width: 100%;
height: 100%;
}
.mistvideo-videobackground [data-front] {
z-index: 1;
filter: opacity(1);
transition: filter 2s; /* the length/delay is intentionally less than the timer delay (5s): when it overlaps (even slightly), the transition is not shown which is fugly. */
}
.mistvideo-videocontainer { /* hide blur overflow from the videobackground */
position: relative;
overflow: hidden;
}
.mistvideo-error[data-passive] {
bottom: auto;
left: auto;