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;
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>
<% end %>
<div class="h-box">
<div id="player-container" class="h-box">
<%= rendered "components/player" %>
</div>