From f4d75b5b781819b5e776601ff14e66af8692f179 Mon Sep 17 00:00:00 2001
From: buttle <chris@gatopelao.org>
Date: Sat, 28 Aug 2021 15:33:08 +0200
Subject: [PATCH] video dimensions are handled correctly

fixes: #1
---
 src/Media/Ingester/VimeoMediaIngester.php |  2 +-
 view/common/block-layout/vimeo.phtml      | 18 +++++++++++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/Media/Ingester/VimeoMediaIngester.php b/src/Media/Ingester/VimeoMediaIngester.php
index 80a7b14..fcaec3f 100644
--- a/src/Media/Ingester/VimeoMediaIngester.php
+++ b/src/Media/Ingester/VimeoMediaIngester.php
@@ -26,7 +26,7 @@ class VimeoMediaIngester implements IngesterInterface
     }
     public function getLabel()
     {
-        return 'Vimeo model'; // @translate
+        return 'Vimeo video'; // @translate
     }
     public function getRenderer()
     {
diff --git a/view/common/block-layout/vimeo.phtml b/view/common/block-layout/vimeo.phtml
index bc7d13b..ce87dde 100644
--- a/view/common/block-layout/vimeo.phtml
+++ b/view/common/block-layout/vimeo.phtml
@@ -3,7 +3,7 @@ $this->headScript()->appendFile($this->assetUrl('js/height_calculator.js',
 																								'Vimeo'));
 ?>
 
-<div id="vimeo_<?= $video_id ?>" class="vimeo-wrap" style="position:relative;">
+<div id="vimeo_<?= $video_id ?>" class="vimeo-embed-wrapper" style="position:relative;">
 
 	<?php if ($renderSourceLink) { ?>
 		<div class="source-link">
@@ -22,10 +22,18 @@ $this->headScript()->appendFile($this->assetUrl('js/height_calculator.js',
 </div>
 
 <script>
+function adjust_height() {
+	$(".vimeo-embed-wrapper").each(function() {
+		var iframe = $(this).find('iframe')
+		$(iframe).prop("width", "<?= $width ?>%")
+		var height = get_height(iframe, <?= $ratio ?>)
+		$(iframe).prop("height", height)
+	});
+}
 jQuery(document).ready(function() {
-	var vimeo = $("#vimeo_<?= $video_id ?>").find('iframe');
-	$(vimeo).prop("width", "<?= $width ?>%")
-	var height = get_height(vimeo, <?= $ratio ?>)
-	$(vimeo).prop("height", height)
+	adjust_height();
+});
+$( window ).resize(function() {
+  adjust_height();
 });
 </script>