From e593e1b85274a6aa7a35e7d3f46c68142bf0b78d Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 3 Oct 2025 14:57:01 +0200
Subject: [PATCH] wip #7770 @0.75

---
 js/libs/fluidbook/fluidbook.video.js | 45 ++++++++++++++++++++++------
 style/links.less                     | 11 +++++++
 2 files changed, 47 insertions(+), 9 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.video.js b/js/libs/fluidbook/fluidbook.video.js
index 4cfd49dc..fb1b989c 100644
--- a/js/libs/fluidbook/fluidbook.video.js
+++ b/js/libs/fluidbook/fluidbook.video.js
@@ -101,15 +101,30 @@ FluidbookVideo.prototype = {
             return;
         }
 
-        var id = $(e).data('id'), backgroundColor = $(e).data('backgroundcolor'),
-            width = parseFloat($(e).data('width')), height = parseFloat($(e).data('height')), name = $(e).data('name'),
-            controls = parseInt($(e).data('controls')) == 1, loop = parseInt($(e).data('loop')) == 1,
-            cc = parseInt($(e).data('cc')) == 1,
-            sound = parseInt($(e).data('sound')) == 1, autoplay = parseInt($(e).data('autoplay')) == 1,
-            nativeAutoplay = !autoplay && parseInt($(e).data('nativeautoplay')) == 1,
-            repeat = parseInt($(e).data('repeat')), statsName = $(e).data('stats-name'),
-            statsType = $(e).data('stats-type'), setup = $(e).data('setup'), linkid = $(e).data('link-id'),
-            url = $(e).data('url'), tracks = $(e).data('tracks'), path, poster, html, player;
+        var id = $(e).data('id');
+        var backgroundColor = $(e).data('backgroundcolor');
+        var width = parseFloat($(e).data('width'));
+        var height = parseFloat($(e).data('height'));
+        var name = $(e).data('name');
+        var controls = parseInt($(e).data('controls')) == 1;
+        var loop = parseInt($(e).data('loop')) == 1;
+        var cc = parseInt($(e).data('cc')) == 1;
+        var sound = parseInt($(e).data('sound')) == 1;
+        var autoplay = parseInt($(e).data('autoplay')) == 1;
+        var nativeAutoplay = !autoplay && parseInt($(e).data('nativeautoplay')) == 1;
+        var repeat = parseInt($(e).data('repeat'));
+        var statsName = $(e).data('stats-name');
+        var statsType = $(e).data('stats-type');
+        var setup = $(e).data('setup');
+        var linkid = $(e).data('link-id');
+        var url = $(e).data('url');
+        var tracks = $(e).data('tracks');
+        var path;
+        var poster;
+        var html;
+        var player;
+
+        var autohide = $(e).closest('[data-autohide="1"]');
 
         if (repeat === 0) {
             loop = false;
@@ -395,6 +410,18 @@ FluidbookVideo.prototype = {
         player.on('ended', function () {
             $this.fluidbook.contentlock.addAction(linkid, 'complete');
         });
+
+        if (autohide.length > 0) {
+            player.on('pause', function () {
+                autohide.removeClass('playing');
+            });
+            player.on('ended', function () {
+                autohide.removeClass('playing');
+            });
+            player.on('play', function () {
+                autohide.addClass('playing');
+            })
+        }
     },
 
     openVideo: function (link) {
diff --git a/style/links.less b/style/links.less
index 0c6ca150..f2eda85d 100644
--- a/style/links.less
+++ b/style/links.less
@@ -134,6 +134,17 @@
 }
 
 .link {
+  &[data-autohide="1"] {
+    pointer-events: none;
+    opacity: 0;
+    transition: opacity 0.5s;
+
+    &.playing {
+      opacity: 1;
+      pointer-events: all;
+    }
+  }
+
   &[data-hidden="1"] {
     transition: opacity 500ms, visibility 500ms;
     visibility: hidden;
-- 
2.39.5