From 20152a6316101c50459244930b8d9dad1ed822f5 Mon Sep 17 00:00:00 2001
From: James Taylor <user234683@users.noreply.github.com>
Date: Thu, 24 Sep 2020 18:50:54 -0700
Subject: Specify video height in html so page doesn't shift down after load

Use true video height extracted from youtube to handle videos
shorter than their quality size. (e.g. widescreen videos)
---
 youtube/templates/watch.html | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

(limited to 'youtube/templates')

diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html
index 7fa4b53..fc4aaf9 100644
--- a/youtube/templates/watch.html
+++ b/youtube/templates/watch.html
@@ -54,7 +54,6 @@
             justify-self: center;
             max-width: 100%;
             width: {{ theater_video_target_width }}px;
-            max-height: {{ video_height }}px;
             margin-bottom: 10px;
             background-color: var(--video-background-color);
         }
@@ -339,7 +338,7 @@ Reload without invidious (for usage of new identity button).</a>
             </ol>
         </div>
     {% else %}
-        <video controls autofocus class="video">
+        <video controls autofocus class="video" height="{{ video_height }}px">
             {% for video_source in video_sources %}
                 <source src="{{ video_source['src'] }}" type="{{ video_source['type'] }}">
             {% endfor %}
-- 
cgit v1.2.3