diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-11-03 17:45:00 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-11-03 17:45:00 +0100 |
| commit | c89b17daf372c1cc6f83e5b456f888676990e721 (patch) | |
| tree | aac6349ac9a64fe43913904b6c9a5dc768532ffa /animism-align/frontend/app/views/viewer/player/player.fullscreen.css | |
| parent | be46fccc4cb30b1b2b17637bc7c990259f6a4b4c (diff) | |
fade in video opacity when it starts playing
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player/player.fullscreen.css')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/player.fullscreen.css | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css index a2a6da1..a3fcd68 100644 --- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css +++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css @@ -66,14 +66,15 @@ iframe { pointer-events: none; } -.viewer-fullscreen .video .vimeoPlayer { +.viewer-fullscreen .video .videoPlayer { pointer-events: none; width: 100%; height: calc(100vh) !important; - padding: 0 0 3rem 0 + padding: 0 0 3rem 0; + transition: opacity 0.5s; } -.viewer-fullscreen .video .vimeoPlayer div { +.viewer-fullscreen .video .videoPlayer div { width: 100%; height: 100% !important; padding: 0 !important; |