From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 27 Apr 2021 19:14:33 +0000 (+0200)
Subject: wait #4435 @1
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=be17bce6ce882a5d52657b304a3860492b765321;p=fluidbook-html5.git

wait #4435 @1
---

diff --git a/js/libs/fluidbook/links/fluidbook.links.zoom.js b/js/libs/fluidbook/links/fluidbook.links.zoom.js
index fa0724ac..875e6fd3 100644
--- a/js/libs/fluidbook/links/fluidbook.links.zoom.js
+++ b/js/libs/fluidbook/links/fluidbook.links.zoom.js
@@ -220,9 +220,16 @@ FluidbookLinksZoom.prototype = {
                             var markup = ' <div class="videoContainer" data-loop="0" data-controls="1" data-sound="1" data-autoplay="1" width="1920" height="1080" data-name="' + data + '" data-id="vi_' + hash + '" id="vi_' + hash + '" data-link-id="v_' + hash + '"></div>';
                             menu += ' data-video="' + encodeURIComponent(markup) + '"'
                         } else if (action === 'videogif') {
-                            menu += ' href="#/video/' + hash + '" ';
-                            var markup = ' <div class="videoContainer" data-loop="1" data-controls="0" data-sound="0" data-autoplay="1" width="1920" height="1080" data-name="' + data + '" data-id="vi_' + hash + '" id="vi_' + hash + '" data-link-id="v_' + hash + '"></div>';
-                            menu += ' data-video="' + encodeURIComponent(markup) + '"'
+                            if (data.indexOf('.gif') >= 0) {
+                                menu += ' href="#/multimedia/' + hash + '" ';
+                                var markup = '<div class="multimediaContainer "><img src="' + data + '" class="multimedia" /></div>';
+                                menu += ' data-multimedia="' + encodeURIComponent(markup) + '"';
+                            } else {
+                                menu += ' href="#/video/' + hash + '" ';
+                                var markup = ' <div class="videoContainer" data-loop="1" data-controls="0" data-sound="0" data-autoplay="1" width="1920" height="1080" data-name="' + data + '" data-id="vi_' + hash + '" id="vi_' + hash + '" data-link-id="v_' + hash + '"></div>';
+                                menu += ' data-video="' + encodeURIComponent(markup) + '"';
+                            }
+
                         }
                         menu += 'data-tooltip="' + $this.fluidbook.settings['product_zoom_tooltip_' + j] + '" class="button ' + linkClass + '">' + icon + label + '</a>';
                     }