From 2d25519e18a6c9478577ff51a1088adbcc216666 Mon Sep 17 00:00:00 2001
From: Nicolas Stepien <567105+MayhemYDG@users.noreply.github.com>
Date: Thu, 25 Jul 2019 23:20:14 +0100
Subject: [PATCH] Add video support to resize_image_to_window

This should make videos automatically scale on the mobile view.
---
 app/javascript/src/javascripts/posts.js.erb | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/javascript/src/javascripts/posts.js.erb b/app/javascript/src/javascripts/posts.js.erb
index 65fc2a22a..78636f5bb 100644
--- a/app/javascript/src/javascripts/posts.js.erb
+++ b/app/javascript/src/javascripts/posts.js.erb
@@ -370,10 +370,13 @@ Post.resize_image_to_window = function($img) {
     }
 
     if ($img.width() > client_width) {
-      var ratio = client_width / $img.data("original-width");
+      var isVideo = $img.prop("tagName") === "VIDEO";
+      var width = isVideo ? $img.prop("width") : $img.data("original-width");
+      var height = isVideo ? $img.prop("height") : $img.data("original-height");
+      var ratio = client_width / width;
       $img.data("scale-factor", ratio);
-      $img.css("width", $img.data("original-width") * ratio);
-      $img.css("height", $img.data("original-height") * ratio);
+      $img.css("width", width * ratio);
+      $img.css("height", height * ratio);
       Post.resize_ugoira_controls();
     }
   } else {