wip #7770 @0.75

diff --git a/js/libs/fluidbook/fluidbook.video.js b/js/libs/fluidbook/fluidbook.video.js
index 4cfd49dc97f7829ca217bf93cebb875758e1d83d..fb1b989c6af040e11a45bee387b30f00d364e010 100644 (file)
--- 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 0c6ca1501224dfcef6b0a38b83a01160f4a13561..f2eda85d27dfd42f5657e518d0c6cf92152d231b 100644 (file)
--- 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;