Video Player Scene7 JS

by raviteja gunda

JavaScript

(function($) {
  'use strict';
  $('document').ready(function() {
    var $videoBtn = $('.play-btn');
    var $video = $('video');

    var s7videoviewer;
    $('.play-btn').on('click', function(event) {
      var domain = $(this).attr('data-scene7domain').replace("http://", "https://");
      $("body").append('<div id="s7video_div" class="s7video-modal"></div>');
      s7videoviewer = new s7viewers.VideoViewer({
        "containerId": "s7video_div",
        "params": {
          "serverurl": domain + "is/image/",
          "contenturl": domain + "is/content/",
          //"config": "questdiagnostics/Video",
          "posterimage": $(this).attr('data-posterimage'),
          "videoserverurl": domain + "is/content",
          "asset": $(this).attr('data-asset')
        }
      });
      s7videoviewer.init();
      $("#s7video_div").show();
      $("body").append('<div class="s7video-backdrop"></div>');
    });


    //on user click outside the video modal remove the modal from DOM
    $(document).click(function(e) {
      if ($(e.target).closest('.s7video-backdrop').length !== 0) {
        s7videoviewer.dispose();
        $(".s7video-modal, .s7video-backdrop").remove();
      }
    });

    //on user esc key remove the modal from DOM
    $(document).keyup(function(e) {
      if (e.key === "Escape" && $("#s7video_div #s7video_div_container").attr('mode') !== 'fullscreen') {
        s7videoviewer.dispose();
        $(".s7video-modal, .s7video-backdrop").remove();
      }
    });

  });
})($);