diff options
| author | Omar Roth <omarroth@hotmail.com> | 2018-09-15 12:15:39 -0500 |
|---|---|---|
| committer | Omar Roth <omarroth@hotmail.com> | 2018-09-15 12:15:39 -0500 |
| commit | c74cc1123f01c321da5453dc31c5ba85fd90a95e (patch) | |
| tree | 6da7680540146b993a2be107cf4b0fd3c6df5986 | |
| parent | 0e1b5d7cdd2a5889fefb968f6d2ef702099b96bd (diff) | |
| download | invidious-c74cc1123f01c321da5453dc31c5ba85fd90a95e.tar.gz invidious-c74cc1123f01c321da5453dc31c5ba85fd90a95e.tar.bz2 invidious-c74cc1123f01c321da5453dc31c5ba85fd90a95e.zip | |
Maintain aspect ratio even when JS is disabled
| -rw-r--r-- | assets/css/default.css | 13 | ||||
| -rw-r--r-- | src/invidious/views/watch.ecr | 2 |
2 files changed, 14 insertions, 1 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 6e807f3c..8e809dea 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -201,3 +201,16 @@ div { background-size: cover; object-fit: cover; } + +#player { + position: absolute; + left: 0; + top: 0; + height: 100%; +} + +#player-container { + position: relative; + padding-bottom: 56.25%; + height: 0; +} diff --git a/src/invidious/views/watch.ecr b/src/invidious/views/watch.ecr index f0ec6f6a..e4cd201d 100644 --- a/src/invidious/views/watch.ecr +++ b/src/invidious/views/watch.ecr @@ -26,7 +26,7 @@ <title><%= HTML.escape(video.title) %> - Invidious</title> <% end %> -<div class="h-box"> +<div id="player-container" class="h-box"> <%= rendered "components/player" %> </div> |