wait #6789 @1:30

diff --git a/resources/linkeditor/js/linkeditor.links.js b/resources/linkeditor/js/linkeditor.links.js
index a3667bb7e4583863135a1f2683529c37e945321c..fd6f56da6a10af547847713bd74f7134bcc2f7c4 100644 (file)
--- a/resources/linkeditor/js/linkeditor.links.js
+++ b/resources/linkeditor/js/linkeditor.links.js
@@ -1581,8 +1581,7 @@ LinkeditorLinks.prototype = {
         }
     },
 
-    updatePreview: function(link) {
-        console.log(link)
+    updatePreview: function(link, zoom = false) {
         if($("#preview-links").hasClass("active")) {
             let linkData = link
 
@@ -1640,7 +1639,6 @@ LinkeditorLinks.prototype = {
 
             if (linkData.type === '10') {
                 let paramIframe = 'accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share;'
-                let html = "<div id='video_"+linkData.uid+"' class='video-js'><div></div></div>"
 
                 let iframeUrl = () => {
                     if(linkData.video_service === 'youtube') {
@@ -1657,20 +1655,27 @@ LinkeditorLinks.prototype = {
                     paramIframe += ' autoplay;'
                 }
 
-                $("[data-id-preview=" + linkData.uid + "]").css("position","relative").append(html)
-                $("#video_" + linkData.uid+ " div").css("background", linkData.extra).html(iframe)
-                $("#video_" + linkData.uid+ " iframe").css(absoluteCss).attr("allow", paramIframe)
+                $("[data-id-preview=" + linkData.uid + "]").find("iframe").remove()
+                $("[data-id-preview=" + linkData.uid + "]").css({
+                    "position":"relative",
+                    "background": linkData.extra
+                }).append(iframe)
+                $("[data-id-preview=" + linkData.uid + "]").find("iframe").css(absoluteCss).attr("allow", paramIframe)
             }
 
             if (linkData.type === '4') {
                 let url = "/fluidbook-publication/" + FLUIDBOOK_DATA.id + "/edit/links/assets/" + linkData.to
                 let html = "<video playsinline='playsinline' controlslist='nodownload' disablepictureinpicture oncontextmenu='return false;' src='"+url+"'><source src='"+url+"'></video>"
-                $("[data-id-preview=" + linkData.uid + "]").css("position","relative").html(html)
+                $("[data-id-preview=" + linkData.uid + "]").find("video").remove()
+                $("[data-id-preview=" + linkData.uid + "]").css("position","relative").append(html)
                 $("[data-id-preview=" + linkData.uid + "]").find("video").css({...absoluteCss, ...{'object-fit': 'fill'} })
             }
 
             if(linkData.type === '10' || linkData.type === '4') {
-                $("[data-id-preview=" + linkData.uid + "]").css("transform","rotate("+linkData.rot+"deg)")
+                $("[data-id-preview=" + linkData.uid + "]").css("transform","rotate("+linkData.rot+"deg)").find('img').css({
+                    "position":"absolute",
+                    "z-index":2,
+                })
             }
         }
     },