From 937b9b4c599055d6d15e08d6edcaa54378c4785c Mon Sep 17 00:00:00 2001
From: Harrys Ravalomanana <hra@esokia.com>
Date: Tue, 14 Jan 2020 16:56:40 +0400
Subject: [PATCH] PHRAS-2862 #comment Fix lightbox mobile : video resize #time
 3h

---
 templates/mobile/common/thumbnail.html.twig        | 5 ++++-
 templates/mobile/lightbox/basket_element.html.twig | 8 ++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/templates/mobile/common/thumbnail.html.twig b/templates/mobile/common/thumbnail.html.twig
index d2b805d5fb..f62d84281d 100644
--- a/templates/mobile/common/thumbnail.html.twig
+++ b/templates/mobile/common/thumbnail.html.twig
@@ -57,9 +57,12 @@
     {% set url = app.getAuthenticator().isAuthenticated() ? thumbnail.get_url() : thumbnail.get_permalink().get_url() %}
     {% set record_type = thumbnail.get_type() %}
     {% if record_type == 'VIDEO_MP4' or record_type == 'VIDEO_FLV' %}
+        {% set thumbnail_height = thumbnail.get_height() > 0 ? thumbnail.get_height() : 120 %}
+        {% set thumbnail_width = thumbnail.get_width() > 0 ? thumbnail.get_width() : 120 %}
+        <input type="hidden" class="hidden" id="videoRatio" name="videoRatio" value="{{  thumbnail_width / thumbnail_height }}"/>
         <iframe width="100%" height="100%"
                 src="{{ url('alchemy_embed_view', {url: url|trim, autoplay: autoplay|default('false') }) }}"
-                frameborder="0" allowfullscreen></iframe>
+                frameborder="0" allowfullscreen class="video-iframe"></iframe>
     {% elseif record_type == 'FLEXPAPER' %}
         <iframe width="100%" height="100%"
                 src="{{ url('alchemy_embed_view', {url: url|trim, autoplay: autoplay|default('false') }) }}"
diff --git a/templates/mobile/lightbox/basket_element.html.twig b/templates/mobile/lightbox/basket_element.html.twig
index 55ba5637ff..8414f5d4ac 100644
--- a/templates/mobile/lightbox/basket_element.html.twig
+++ b/templates/mobile/lightbox/basket_element.html.twig
@@ -101,5 +101,13 @@
                 $('.pdf-iframe').css('height', pdfHeight);
             }
         });
+        /*resize of VIDEO */
+        $(window).on("load resize ",function(e){
+            if($('.video-iframe').length > 0) {
+                var ratio = $('[name=videoRatio]').val();
+                var videoHeight =  $('.video-iframe').width() / ratio;
+                $('.video-iframe').css('height', videoHeight).css('min-height',0);
+            }
+        });
     </script>
 {% endblock %}