VideoOverlay

(function(videojs) { 'use strict'; videojs.addLanguage('de', { "Share": "Share", "Share Video": "Share video", "Share via": "Share via", "Share on": "Share on", "Direct Link": "Direct Link", "Start From": "Start from", "Embed Code": "Embed Code", "Sharing Dialog": "Sharing Dialog Box", "Share on {{network}}": "Share on {{network}}", "The offset must be specified using the following pattern:": "The time offset must be specified as follows:", "Read Only: Embed Code": "Read Only: Embed Code", "Read Only": "Read Only", "Direct Link To Content": "Direct link to content", "Restart": "Start again" }); videojs.registerPlugin('videoOverlay', function() { var overlayIconList = { sensatori: "https://content.tui.co.uk/adamtui/2019_10/10_12/b2ffa42c-bc55-4e9d-bdec-aae200d196b7/OPTI_SENSATORI.png", suneo: "https://content.tui.co.uk/adamtui/2019_10/10_12/cfda577d-4eee-49a8-bcba-aae200d19593/OPTI_TUI_SUNEO.png", tui_blue: "https://content.tui.co.uk/adamtui/2019_10/10_12/1991beb6-e2a8-4d30-82a1-aae200d197c7/OPTI_TUI_BLUE.png", riu: "https://content.tui.co.uk/adamtui/2019_10/11_9/1c10e194-db34-4a91-b9c9-aae3009d6de7/OPTI_RIU.png", robinson: "https://cdn.content.tuigroup.com/tuidamstages3/2022_6/14_7/8db0d08d-ec4b-409a-aae6-aeb4007be5ac/airtours.png", magic_life: "https://content.tui.co.uk/adamtui/2019_10/11_9/6efe7298-251c-4e60-a3ad-aae3009d6e6b/OPTI_MAGIC_LIFE.png", blue_all: "https://content.tui.co.uk/adamtui/2020_2/10_10/5f5a16ea-6a16-4ab4-b7c0-ab5d00afc0e6/blue_all.png", blue_two: "https://content.tui.co.uk/adamtui/2020_2/10_10/1e1c95d3-67d9-4852-b349-ab5d00afbeac/blue_two.png", blue_family: "https://content.tui.co.uk/adamtui/2020_2/10_10/6dc1a95b-820c-435e-8ce4-ab5d00afc165/blue_family.png", generic: "https://content.tui.co.uk/adamtui/2020_2/10_10/ed539598-35fd-49b6-967c-ab5d00afc1e8/generic.png", vip: "https://content.tui.co.uk/adamtui/2020_2/10_10/ed539598-35fd-49b6-967c-ab5d00afc1e8/generic.png" } var player = this, overlay = document.createElement('div'); player.on('loadstart', function(){ var dataObj = player.catalog.getMetadata({lang: player.language()}).customFields; overlay.id = 'video_overlay'; overlay.innerHTML = "

"; player.el().appendChild(overlay);

     function checkForOverlay() {
          if (dataObj && (dataObj.video_overlay_product_icon || dataObj.video_overlay_title || dataObj.video_overlay_subtext)) {
            player.el().querySelector("#video_overlay").classList.add("overlay-fade-in");
          }
      }
     function setHTML() {
          if (dataObj) {
            var overlayHTML = '';
            overlayHTML += dataObj.video_overlay_product_icon && overlayIconList[dataObj.video_overlay_product_icon] ? "<div class='video-overlay-image-container video-inner'><img src='"+ overlayIconList[dataObj.video_overlay_product_icon] +"'/></div>" : "";
            overlayHTML += dataObj.video_overlay_title ? "<h2 class='video-inner'>"+ dataObj.video_overlay_title +"</h2>" : "";
            overlayHTML += dataObj.video_overlay_title && dataObj.video_overlay_subtext ? "<hr/>" : "";
            overlayHTML += dataObj.video_overlay_subtext ? "<p class='video-inner'>"+ dataObj.video_overlay_subtext +"</p>" : "";
            return overlayHTML;
          } else {
            return '';
          }
      }

      player.on("firstplay", function() {
            dataObj = player.catalog.getMetadata({lang: player.language()}).customFields;
            player.el().querySelector("#video_overlay_inner").innerHTML = setHTML();
            checkForOverlay();
            setTimeout(function() {
              player.el().querySelector("#video_overlay").classList.remove("overlay-fade-in");
            },3000);
      });
  });

}); }(window.videojs));