Maintain aspect ratio even when JS is disabled

This commit is contained in:
Omar Roth 2018-09-15 12:15:39 -05:00
parent 0e1b5d7cdd
commit c74cc1123f
2 changed files with 14 additions and 1 deletions

View file

@ -201,3 +201,16 @@ div {
background-size: cover; background-size: cover;
object-fit: cover; object-fit: cover;
} }
#player {
position: absolute;
left: 0;
top: 0;
height: 100%;
}
#player-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
}

View file

@ -26,7 +26,7 @@
<title><%= HTML.escape(video.title) %> - Invidious</title> <title><%= HTML.escape(video.title) %> - Invidious</title>
<% end %> <% end %>
<div class="h-box"> <div id="player-container" class="h-box">
<%= rendered "components/player" %> <%= rendered "components/player" %>
</div> </div>