@viewlift/player-backup 1.0.2 → 1.0.3-lighteningjs

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/.babelrc +8 -0
  2. package/.browserslistrc +2 -0
  3. package/README.md +29 -0
  4. package/babel.config.json +8 -0
  5. package/dist/38afc79c94e0bcf0.png +0 -0
  6. package/dist/3bc8b7ff04e98d37.png +0 -0
  7. package/dist/522ea7c76ac4fd33.png +0 -0
  8. package/dist/a74cd46ed4277568.png +0 -0
  9. package/dist/b739faec1fde1346.png +0 -0
  10. package/dist/ed3d0a4d9de91460.png +0 -0
  11. package/dist/index.cjs.css +2 -0
  12. package/dist/index.cjs.css.map +1 -0
  13. package/dist/index.cjs.js +2 -0
  14. package/dist/index.d.ts +24 -0
  15. package/dist/index.esm.css +2 -0
  16. package/dist/index.esm.css.map +1 -0
  17. package/dist/index.esm.js +2 -0
  18. package/dist/main-player/player-ui.d.ts +19 -0
  19. package/dist/player-components/player-buttons/playerButtons.d.ts +38 -0
  20. package/dist/player-components/player-seekbar/playerSeekbar.d.ts +25 -0
  21. package/dist/player-ui/player-ui.d.ts +18 -0
  22. package/dist/playerInitializer.d.ts +13 -0
  23. package/index.html +49 -0
  24. package/package.json +35 -15
  25. package/rollup.config.mjs +45 -0
  26. package/src/ads-manager/ads-manager.js +120 -0
  27. package/src/assets/checkIcon.png +0 -0
  28. package/src/assets/pauseIcon.png +0 -0
  29. package/src/assets/pauseIconFocus.png +0 -0
  30. package/src/assets/playIcon.png +0 -0
  31. package/src/assets/playIconFocus.png +0 -0
  32. package/src/assets/settingsIcon.png +0 -0
  33. package/src/index.ts +74 -0
  34. package/src/player-components/player-buttons/playerButtons.js +106 -0
  35. package/src/player-components/player-seekbar/playerSeekbar.js +223 -0
  36. package/src/player-components/player-setting-option-wrapper/player-setting-option-one-wrapper.js +82 -0
  37. package/src/player-components/player-setting-option-wrapper/player-setting-option-two-wrapper.js +84 -0
  38. package/src/player-components/player-sidebar/player-sidebar.js +188 -0
  39. package/src/player-components/player-title/playerTitle.js +56 -0
  40. package/src/player-ui/player-ui.js +564 -0
  41. package/src/playerControls/playerControls.css +10 -0
  42. package/src/playerControls/playerControls.js +501 -0
  43. package/src/playerInitializer.js +335 -0
  44. package/src/styles/index.css +204 -0
  45. package/src/utilities/utilities.js +79 -0
  46. package/tsconfig.json +15 -0
  47. package/cjs/autoNextVideo-815419cb.js +0 -1
  48. package/cjs/bundle.css +0 -577
  49. package/cjs/caption-settings-67212c17.js +0 -1
  50. package/cjs/caption-settings-6e301004.js +0 -1
  51. package/cjs/dvr_skin-f7f770ae.js +0 -1
  52. package/cjs/error-26d5a3c3.js +0 -1
  53. package/cjs/features-fd1e9785.js +0 -1
  54. package/cjs/generic-81b1be69.js +0 -1
  55. package/cjs/icons-51594f89.js +0 -1
  56. package/cjs/index.js +0 -1
  57. package/cjs/keyboardShortcuts-1afbf18c.js +0 -1
  58. package/cjs/loader-393b838a.js +0 -1
  59. package/cjs/multicam-1647c428.js +0 -1
  60. package/cjs/multicam-a41fe4a6.js +0 -1
  61. package/cjs/multicamv2-76d8530b.js +0 -1
  62. package/cjs/multicamv2-f48d95fe.js +0 -1
  63. package/cjs/mwebPotrait-3c11d7cf.js +0 -1
  64. package/cjs/mwebPotraitTray-a3a2715b.js +0 -1
  65. package/cjs/nextEpisodeButton-b6e6586f.js +0 -1
  66. package/cjs/nextEpisodeButton-cc80609a.js +0 -1
  67. package/cjs/nondvr_skin-ef2cb3b2.js +0 -1
  68. package/cjs/playlist-a550a735.js +0 -1
  69. package/cjs/playlist-df87ca90.js +0 -1
  70. package/cjs/renditions-c3ea26e8.js +0 -1
  71. package/cjs/resolution-51b38a3e.js +0 -1
  72. package/cjs/series-6178964e.js +0 -1
  73. package/cjs/series-9c237975.js +0 -1
  74. package/cjs/series-v2-70137d8c.js +0 -1
  75. package/cjs/series-v2-a265ff17.js +0 -1
  76. package/cjs/settings-icon-b350b587.js +0 -1
  77. package/cjs/settings-icon-e6a8feee.js +0 -1
  78. package/cjs/skin-14da56f6.js +0 -1
  79. package/cjs/skin-225252ff.js +0 -1
  80. package/cjs/skin-286f52db.js +0 -1
  81. package/cjs/skin-534810ae.js +0 -1
  82. package/cjs/skin-638aecc2.js +0 -1
  83. package/cjs/skin-84083352.js +0 -1
  84. package/cjs/skin-983a2ea7.js +0 -1
  85. package/cjs/skin-9eba464b.js +0 -1
  86. package/cjs/skin-b703ef26.js +0 -1
  87. package/cjs/skin-f225a42e.js +0 -1
  88. package/cjs/util-ce8a4138.js +0 -1
  89. package/cjs/videoSelector-a4c00f50.js +0 -1
  90. package/cjs/videoSelector-fcdf11eb.js +0 -1
  91. package/esm/autoNextVideo-89ede579.js +0 -1
  92. package/esm/bundle.css +0 -577
  93. package/esm/caption-settings-2e47813b.js +0 -1
  94. package/esm/caption-settings-3f6b6163.js +0 -1
  95. package/esm/dvr_skin-9cc1b144.js +0 -1
  96. package/esm/error-2395864b.js +0 -1
  97. package/esm/features-05101ce6.js +0 -1
  98. package/esm/generic-4a3c0d6b.js +0 -1
  99. package/esm/icons-f5378bf3.js +0 -1
  100. package/esm/index.js +0 -1
  101. package/esm/keyboardShortcuts-7fa108ec.js +0 -1
  102. package/esm/loader-580278fe.js +0 -1
  103. package/esm/multicam-bc0aea8a.js +0 -1
  104. package/esm/multicam-de741974.js +0 -1
  105. package/esm/multicamv2-d006cffa.js +0 -1
  106. package/esm/multicamv2-fb91fa98.js +0 -1
  107. package/esm/mwebPotrait-3c1805d8.js +0 -1
  108. package/esm/mwebPotraitTray-0ff12233.js +0 -1
  109. package/esm/nextEpisodeButton-a1556cdf.js +0 -1
  110. package/esm/nextEpisodeButton-ec95417f.js +0 -1
  111. package/esm/nondvr_skin-64be70e5.js +0 -1
  112. package/esm/playlist-5d3f4436.js +0 -1
  113. package/esm/playlist-7ecf432a.js +0 -1
  114. package/esm/renditions-0fdb57ed.js +0 -1
  115. package/esm/resolution-57e7767a.js +0 -1
  116. package/esm/series-041152aa.js +0 -1
  117. package/esm/series-998e2084.js +0 -1
  118. package/esm/series-v2-0727ee8c.js +0 -1
  119. package/esm/series-v2-9bcd5d54.js +0 -1
  120. package/esm/settings-icon-0125bffd.js +0 -1
  121. package/esm/settings-icon-9bac9ef3.js +0 -1
  122. package/esm/skin-0aea7a56.js +0 -1
  123. package/esm/skin-2c638dc1.js +0 -1
  124. package/esm/skin-5a02ebe6.js +0 -1
  125. package/esm/skin-665ec17e.js +0 -1
  126. package/esm/skin-80957fd8.js +0 -1
  127. package/esm/skin-851ea2fb.js +0 -1
  128. package/esm/skin-bb73c15b.js +0 -1
  129. package/esm/skin-cd537931.js +0 -1
  130. package/esm/skin-d5510f70.js +0 -1
  131. package/esm/skin-fba79111.js +0 -1
  132. package/esm/util-9c9ee6b3.js +0 -1
  133. package/esm/videoSelector-8da87dd3.js +0 -1
  134. package/esm/videoSelector-8e258d45.js +0 -1
@@ -1 +0,0 @@
1
- "use strict";var e=require("./features-fd1e9785.js"),r=require("./keyboardShortcuts-1afbf18c.js"),t=require("./icons-51594f89.js"),i=require("./generic-81b1be69.js"),n=require("./skin-84083352.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("video.js"),require("./renditions-c3ea26e8.js"),require("axios"),require("js-cookie"),require("ua-parser-js"),require("@babel/runtime/helpers/toConsumableArray"),exports.initialiseSkin=function(s,o){r.initialiseKeyboardEvents(s,o),Promise.resolve().then((function(){return require("./skin-983a2ea7.js")})).then((function(e){var r=document.createElement("style");r.id="def_skin",r.append("".concat(e.default)),document.head.appendChild(r)})),function(r,i){0==i.liveVideo&&0==i.liveui&&e.addSkipButton(r,"default",t.SkipSvg());(0==i.liveVideo&&0==i.liveui||1==i.liveui)&&e.addRewindButton(r,"default",t.RewindSvg())}(s,o),function(r,n){var s=i.getPlayer(r),o=(null==n?void 0:n.sres)||null;s.on("loadeddata",(function(){e.addResolutionModule(r,"default",t.SettingsSvg()),o&&Promise.resolve().then((function(){return require("./nextEpisodeButton-cc80609a.js")})).then((function(e){e.initaliseFunctionality(n.sres.seasons,i.getCurrentVideo())}))})),s.one("loadedmetadata",(function(){var t;o&&(e.addSeriesModule(r,null==n||null===(t=n.sres)||void 0===t?void 0:t.seasons,n),e.addNextEpisodeButton(n.sres,n.res,r))}))}(s,o),function(e,r){var s=i.getPlayer(e),o=document.getElementsByClassName("vjs-current-time")[0],l=document.getElementsByClassName("vjs-duration")[0],a=document.getElementsByClassName("vjs-time-divider")[0];r.liveVideo&&(o&&(o.style.display="none"),l&&(l.style.display="none"),a&&(a.style.display="none"));s.controlBar.getChild("FullscreenToggle").el().appendChild(n.createIconMarkup(t.MinimizeSvg(window.controlsColor))),s.controlBar.getChild("FullscreenToggle").el().appendChild(n.createIconMarkup(t.MaximizeSvg(window.controlsColor)));var u=s.controlBar.getChild("SubsCapsButton").el();document.getElementById(e).getElementsByClassName("vjs-subs-caps-button")[1].appendChild(n.createIconMarkup(t.NewCaptionsSvg()));var d=document.createElement("div");d.classList.add("caption-header"),u.querySelector(".vjs-menu-content").insertBefore(d,u.querySelector(".vjs-menu-item"))}(s,o)};
@@ -1 +0,0 @@
1
- "use strict";exports.default="";
@@ -1 +0,0 @@
1
- "use strict";var t=require("./generic-81b1be69.js");exports.getVideoDuration=function(e){var n=t.getPlayer(e);return n?n.duration():"Cannot find player with id: '".concat(e,"'")},exports.onTimeUpdate=function(e,n){var a=t.getPlayer(e);a?a.on("timeupdate",(function(){return n(a.currentTime())})):n("Cannot find player with id: '".concat(e,"'"))},exports.onVideoEnded=function(e,n){var a=t.getPlayer(e);a?a.on("ended",(function(){return n(!0)})):n("Cannot find player with id: '".concat(e,"'"))},exports.seekToTimeStamp=function(e,n,a){var r=t.getPlayer(e);r?n>=0&&n<=r.duration()?(a({status:!0,msg:"Successfully seeked to timestamp : ".concat(n)}),r.currentTime(n)):a({status:!1,msg:"Out of bounds, please provide a valid timestamp"}):a("Cannot find player with id: '".concat(e,"'"))},exports.setPlaybackSpeed=function(e,n){var a=t.getPlayer(e);if(!a)return"Cannot find player with id: '".concat(e,"'");try{return a.playbackRate(n),"Playback speed set to ".concat(n,"x")}catch(t){return"Error: ".concat(t)}};
@@ -1 +0,0 @@
1
- "use strict";var e=require("@babel/runtime/helpers/classCallCheck"),t=require("@babel/runtime/helpers/createClass"),n=require("@babel/runtime/helpers/inherits"),o=require("@babel/runtime/helpers/possibleConstructorReturn"),i=require("@babel/runtime/helpers/getPrototypeOf"),r=require("video.js"),a=require("./icons-51594f89.js"),l=require("./generic-81b1be69.js"),c=require("./skin-84083352.js"),s=require("./autoNextVideo-815419cb.js");function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=i(e);if(t){var a=i(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return o(this,n)}}require("@babel/runtime/helpers/defineProperty"),require("axios"),require("js-cookie"),require("ua-parser-js"),require("@babel/runtime/helpers/toConsumableArray"),require("./util-ce8a4138.js");var u=r.getComponent("Component"),m=function(o){n(m,u);var i=d(m);function m(t){var n,o,r,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,m),(r=i.call(this,t,a)).playerId=a.playerId,r.seriesData=a.sres,r.videos=a.related.content,r.cb=(null==a||null===(n=a.related)||void 0===n?void 0:n.cb)||null,r.autoNext=(null==a||null===(o=a.related)||void 0===o?void 0:o.autoNext)||!1,r.currentVideoData=a.res,r.initialiseStructure(),r.loadCSS(),r.autoNext&&s.autoPlayNext({playerId:r.playerId,content:r.videos,cb:r.cb}),r}return t(m,[{key:"createEl",value:function(){var e=r.dom.createEl("div",{className:"video-selection vjs-control vjs-button"});e.style.position="unset";var t=r.dom.createEl("div",{className:"video-selector-icon",innerHTML:"".concat(a.EpisodesSvg())});return r.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){Promise.resolve().then((function(){return require("./videoSelector-fcdf11eb.js")})).then((function(e){var t=document.createElement("style");t.id="video-selection",t.append("".concat(e.default)),document.head.appendChild(t)}))}},{key:"initialiseStructure",value:function(){var e=this.el(),t=r.dom.createEl("div",{className:"video-selection-container hidden"});r.dom.$(".video-selector-icon",this.el()).onclick=function(){var n;null!==(n=t.classList)&&void 0!==n&&n.contains("hidden")?(c.closeOpenDrawers(),t.classList.remove("hidden"),e.classList.add("open"),t.style.right="0px"):(t.classList.add("hidden"),e.classList.remove("open"),t.style.right="-350px")};var n=window.getComputedStyle(document.getElementById(this.playerId),null).getPropertyValue("height").slice(0,-2);t.style.height="".concat(n,"px"),r.dom.appendContent(e,t),document.getElementById(this.playerId).style.overflow="hidden",this.addFunctionality(t)}},{key:"toggleOpenClose",value:function(){}},{key:"addFunctionality",value:function(e){var t=this,n=this.el(),o=r.dom.createEl("div",{className:"video-selector-head"}),i=r.dom.createEl("div",{className:"video-selector-cross-icon",innerHTML:"".concat(a.crossIconSvg())});i.onclick=function(){e.classList.add("hidden"),n.classList.remove("open"),e.style.right="-350px"};for(var s=r.dom.createEl("div",{className:"video-selector-title",innerHTML:"Recommended"}),d=r.dom.createEl("div",{className:"video-selector-content"}),u=r.dom.createEl("div",{className:"video-container"}),m=function(e){var n,o=r.dom.createEl("div",{className:"video -".concat(e)}),i=r.dom.createEl("div",{className:"recommended -".concat(e)});i.setAttribute("video-idx",e),i.onclick=function(){l.setVideoIdx(e+1);for(var n=r.dom.$$(".recommended"),o=0;o<n.length;o++)n[o].style.border="none";c.highlightVideo(e),l.load(t.playerId,t.videos[e].id,sessionStorage.getItem("token")).then((function(e){t.cb&&t.cb(e)})).catch((function(e){t.cb&&t.cb(e)}))};var a=document.createElement("img");a.className="related-thumbnail-image",a.src="".concat(t.videos[e].img),a.alt="No Thumbnail Available",i.append(a);var s=r.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==t||null===(n=t.videos[e])||void 0===n?void 0:n.title)||"")});r.dom.appendContent(o,i),r.dom.appendContent(o,s),r.dom.appendContent(u,o),r.dom.appendContent(d,u)},v=0;v<this.videos.length;v++)m(v);r.dom.appendContent(o,i),r.dom.appendContent(o,s),r.dom.appendContent(e,o),r.dom.appendContent(e,d),l.getPlayer(this.playerId).on("fullscreenchange",(function(){var n=window.getComputedStyle(document.getElementById(t.playerId),null).getPropertyValue("height").slice(0,-2);e.style.height="".concat(n,"px")}))}}]),m}();exports.default=m;
@@ -1 +0,0 @@
1
- "use strict";exports.default=".video-selection {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.video-selector-icon {\n cursor: pointer;\n}\n\n.video-selection-container {\n position: absolute;\n width: 350px;\n bottom: 0px;\n right: -350px;\n background: #00000080 !important;\n z-index: -1;\n transition: right 300ms ease-out;\n}\n\n.video-container {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n\n.video-selection.open {\n background: rgba(255, 255, 255, 0.20) !important;\n}\n\n.video-selector-head {\n display: flex;\n align-items: center;\n padding-top: 18px;\n padding-left: 20px;\n margin-bottom: 20px;\n}\n\n.video-selector-title {\n font-size: 18px;\n font-weight: 600;\n margin-left: 25px;\n user-select: none;\n}\n\n.video-selector-cross-icon {\n cursor: pointer;\n}\n\n.video-selector-content {\n height: 74%;\n overflow: scroll;\n}\n\n.video-selector-content::-webkit-scrollbar {\n display: none;\n}\n\n/* Hide scrollbar for IE, Edge and Firefox */\n.video-selector-content {\n -ms-overflow-style: none;\n /* IE and Edge */\n scrollbar-width: none;\n /* Firefox */\n}\n\n.video-selector-content-video {\n height: 300px;\n margin-bottom: 30px;\n}\n\n.recommended {\n height: 175px;\n width: 309px;\n background-repeat: no-repeat;\n background-size: contain;\n}\n.related-thumbnail-image{\n width: 100%;\n height: 100%;\n}\n.video {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 12px;\n}\n\n.parent {\n margin: 21px 52px 23px 34px;\n\n}\n\n.recommended:hover {\n cursor: pointer;\n}\n\n.info {\n font-size: 13px;\n padding: 7px 22px;\n}\n\n@media (max-width:600px){\n .video-selector-cross-icon>svg{\n height: 12px;\n }\n .video-selector-title{\n font-size: 14px;\n }\n .video-selector-content{\n height: 52%;\n }\n .video-selection-container{\n width: 200px;\n }\n .recommended{\n height: 90px !important;\n width: 154px !important;\n }\n .info {\n font-size: 9px !important;\n }\n .video-selector-title{\n margin-left: 13px;\n }\n}";
@@ -1 +0,0 @@
1
- import{g as n,o as t,b as o,I as e,H as i,J as a}from"./generic-4a3c0d6b.js";import{a as s}from"./util-9c9ee6b3.js";import{h as c}from"./skin-665ec17e.js";var r,u=0,f=0,l=function(l){clearTimeout(u);var v=null==l?void 0:l.content;r=null==l?void 0:l.cb;var d=l.playerId,g=sessionStorage.getItem("token");s(d,(function(){var s=n(d);0!==(null==s?void 0:s.currentTime())&&((f=i())>v.length-1||t(d,v[f].id,g).then((function(n){c(f),o(n.response),f++,a(f),h(n)})).catch((function(n){h(n),c(f),f++,a(f),u=setTimeout((function(){e(d)&&m(f,d,v,g)}),5e3)})))}))},m=function n(o,e,i,s,r){f=o,o>i.length-1||t(e,i[o].id,s).then((function(n){c(f),f++,a(f),h(n)})).catch((function(t){h(t),setTimeout((function(){c(f),f++,a(f),n(f,e,i,s)}),5e3)}))},h=function(n){r&&r(n)};export{l as a,m as s};
package/esm/bundle.css DELETED
@@ -1,577 +0,0 @@
1
-
2
- /* ADs */
3
- .ima-ad-container {
4
- top: 0em;
5
- position: absolute;
6
- display: none;
7
- width: 100%;
8
- height: 100%;
9
- }
10
-
11
- .ima-controls-div {
12
- bottom: 0em;
13
- height: 1.4em;
14
- position: absolute;
15
- overflow: hidden;
16
- display: none;
17
- opacity: 1;
18
- background-color: rgba(7, 20, 30, .7);
19
- background: -moz-linear-gradient(bottom, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%);
20
- /* FF3.6+ */
21
- background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(7, 20, 30, .7)), color-stop(100%, rgba(7, 20, 30, 0)));
22
- /* Chrome,Safari4+ */
23
- background: -webkit-linear-gradient(bottom, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%);
24
- /* Chrome10+,Safari5.1+ */
25
- background: -o-linear-gradient(bottom, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%);
26
- /* Opera 11.10+ */
27
- background: -ms-linear-gradient(bottom, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%);
28
- /* IE10+ */
29
- background: linear-gradient(to top, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%);
30
- /* W3C */
31
- filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0007141E', endColorstr='#07141E', GradientType=0);
32
- /* IE6-9 */
33
- }
34
-
35
- .ima-controls-div.ima-controls-div-showing {
36
- height: 3.7em;
37
- }
38
-
39
- .ima-countdown-div {
40
- height: 1em;
41
- color: #FFFFFF;
42
- text-shadow: 0 0 0.2em #000;
43
- cursor: default;
44
- }
45
-
46
- .ima-seek-bar-div {
47
- top: 1.2em;
48
- height: 0.3em;
49
- position: absolute;
50
- background: rgba(255, 255, 255, .4);
51
- }
52
-
53
- .ima-progress-div {
54
- width: 0em;
55
- height: 0.3em;
56
- background-color: #ECC546;
57
- }
58
-
59
- .ima-play-pause-div,
60
- .ima-mute-div,
61
- .ima-slider-div,
62
- .ima-fullscreen-div {
63
- width: 2.33em;
64
- height: 1.33em;
65
- top: 0.733em;
66
- left: 0em;
67
- position: absolute;
68
- color: #CCCCCC;
69
- font-size: 1.5em;
70
- line-height: 2;
71
- text-align: center;
72
- font-family: VideoJS;
73
- cursor: pointer;
74
- }
75
-
76
- .ima-mute-div {
77
- left: auto;
78
- right: 5.667em;
79
- }
80
-
81
- .ima-slider-div {
82
- left: auto;
83
- right: 2.33em;
84
- width: 3.33em;
85
- height: 0.667em;
86
- top: 1.33em;
87
- background-color: #555555;
88
- }
89
-
90
- .ima-slider-level-div {
91
- width: 100%;
92
- height: 0.667em;
93
- background-color: #ECC546;
94
- }
95
-
96
- .ima-fullscreen-div {
97
- left: auto;
98
- right: 0em;
99
- }
100
-
101
- .ima-playing:before {
102
- content: "\00f103";
103
- }
104
-
105
- .ima-paused:before {
106
- content: "\00f101";
107
- }
108
-
109
- .ima-playing:hover:before,
110
- .ima-paused:hover:before {
111
- text-shadow: 0 0 1em #fff;
112
- }
113
-
114
- .ima-non-muted:before {
115
- content: "\00f107";
116
- }
117
-
118
- .ima-muted:before {
119
- content: "\00f104";
120
- }
121
-
122
- .ima-non-muted:hover:before,
123
- .ima-muted:hover:before {
124
- text-shadow: 0 0 1em #fff;
125
- }
126
-
127
- .ima-non-fullscreen:before {
128
- content: "\00f108";
129
- }
130
-
131
- .ima-fullscreen:before {
132
- content: "\00f109";
133
- }
134
-
135
- .ima-non-fullscreen:hover:before,
136
- .ima-fullscreen:hover:before {
137
- text-shadow: 0 0 1em #fff;
138
- }
139
-
140
- /* Move overlay when controls are active. */
141
- .video-js.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {
142
- margin-top: 0em;
143
- }
144
-
145
- .video-js.vjs-paused .bumpable-ima-ad-container,
146
- .video-js.vjs-playing:hover .bumpable-ima-ad-container,
147
- .video-js.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
148
- margin-top: -4em;
149
- }
150
-
151
- /* Move overlay if user fast-clicks play button. */
152
-
153
- .video-js.vjs-playing .bumpable-ima-ad-container {
154
- margin-top: -4em;
155
- }
156
- /* Airplay */
157
-
158
- .vjs-airplay-button .vjs-icon-placeholder {
159
- background: url('https://player.viewlift.com/images/ic_airplay_white_24px.svg') center center no-repeat;
160
- background-size: contain;
161
- display: inline-block;
162
- width: 15px;
163
- height: 15px;
164
- }
165
-
166
- .vjs-airplay-button:hover {
167
- cursor: pointer;
168
- }
169
-
170
- .vjs-airplay-button:hover .vjs-icon-placeholder {
171
- background-image: url('https://player.viewlift.com/images/ic_airplay_white_24px.svg');
172
- }
173
-
174
- /* Airplay end */
175
- /* Resolution Module */
176
-
177
- .vjs-title-bar {
178
- position: relative;
179
- display: flex;
180
- align-items: center;
181
- }
182
-
183
- .container {
184
- position: relative;
185
- display: flex;
186
- align-items: center;
187
- width: 2rem;
188
- justify-content: center;
189
- }
190
-
191
- #setting-icon:hover {
192
- cursor: pointer;
193
- }
194
-
195
- .customFontHeading {
196
- font-size: 13px;
197
- }
198
-
199
- .content {
200
- opacity: 1;
201
- display: flex;
202
- position: absolute;
203
- background-color: rgb(52 51 51 / 70%);
204
- height: max-content;
205
- width: max-content;
206
- text-align: center;
207
- overflow-y: scroll;
208
- bottom: 2.4rem;
209
- right: -2rem;
210
- border-radius: 5px;
211
- }
212
-
213
- .rendition {
214
- margin: 4px;
215
- }
216
-
217
- .rendition span {
218
- background: brown;
219
- color: #fff;
220
- font-size: 9px;
221
- padding: 1px 3px;
222
- border-radius: 2px;
223
- margin-left: 2px;
224
- }
225
-
226
- @media(max-width:500px) {
227
- .rendition {
228
- margin: 1px;
229
- }
230
-
231
- .title {
232
- margin: 2px;
233
- }
234
- }
235
-
236
- .hidden {
237
- opacity: 0;
238
- visibility: hidden;
239
- transition: visibility 1s, opacity 1s;
240
- }
241
-
242
- .rendition {
243
- padding: 3px 1.6rem;
244
- }
245
-
246
- .selected {
247
- font-weight: 900;
248
- }
249
-
250
-
251
- .renditions {
252
- font-size: 11px;
253
- position: relative;
254
- padding: 1px;
255
- }
256
-
257
- .rendition.selected::before {
258
- content: "";
259
- position: absolute;
260
- width: 5px;
261
- height: 5px;
262
- top: 50%;
263
- border-radius: 50%;
264
- background: white;
265
- left: 10px;
266
- -webkit-transform: translateY(-50%);
267
- transform: translateY(-50%);
268
- }
269
-
270
- .content::-webkit-scrollbar {
271
- /* WebKit */
272
- width: 0;
273
- height: 0;
274
- }
275
-
276
- .disable-play-btn {
277
- display: none !important;
278
- pointer-events: none !important;
279
- }
280
-
281
- .title {
282
- font-size: 13px;
283
- font-weight: 900;
284
- padding: 3px 0px;
285
- margin: 4px;
286
- }
287
-
288
- .rendition:hover {
289
- cursor: pointer;
290
- }
291
-
292
- .relative {
293
- position: relative;
294
- }
295
-
296
-
297
- p.customFontHeading {
298
- margin: 4px;
299
- padding: 3px;
300
- font-weight: 900;
301
- }
302
-
303
- .font {
304
- font-size: 1rem;
305
- width: 5rem;
306
- }
307
-
308
-
309
-
310
- /* @media (max-width:700px){
311
- .hideCustomFonts{
312
- display: none;
313
- }
314
- } */
315
-
316
- @media (max-width:700px) {
317
- .title {
318
- font-size: 0.6rem;
319
- }
320
-
321
- .rendition.selected:before {
322
- height: 5px;
323
- width: 5px;
324
- }
325
-
326
- .renditions {
327
- font-size: 10px;
328
- }
329
-
330
- }
331
-
332
- .hideCustomFonts {
333
- /* display: none; */
334
- }
335
-
336
- /* Resolution Module End */
337
-
338
- .video-js.vjs-paused .vjs-big-play-button{
339
- display: flex;
340
- justify-content: center;
341
- align-items: center;
342
- width: 50px;
343
- height: 50px;
344
- border-radius: 50%;
345
- position: absolute;
346
- top: 0;
347
- left: 0;
348
- right: 0;
349
- bottom:0;
350
- margin: auto;
351
- }
352
-
353
- .vjs-rewind-button{
354
- cursor: pointer;
355
- }
356
-
357
- .vjs-skip-button{
358
- cursor: pointer;
359
- }
360
-
361
- .vjs-playback-rate .vjs-playback-rate-value {
362
- pointer-events: none;
363
- font-size: 1.3em;
364
- line-height: 2.4;
365
- text-align: center;
366
- }
367
-
368
-
369
- .video-js .vjs-live-display {
370
- background-color: red;
371
- padding: 0 5px;
372
- height: 20px;
373
- top: 5px;
374
- position: relative;
375
- }
376
-
377
- .video-js .vjs-live-control {
378
- line-height: 2em;
379
- }
380
-
381
-
382
-
383
- /* Progress Bar Modification css */
384
- /* .video-js .vjs-progress-control {
385
- position: absolute;
386
- width: 95%;
387
- height: 0.5em;
388
- top: -0.5em;
389
- transition: height .1s,top .1s;
390
- }
391
-
392
- .video-js .vjs-time-control {
393
- position: absolute;
394
- top: -17px;
395
- right: 0;
396
- margin-right: 1%;
397
- font-size: 10px;
398
- font-weight: 700;
399
- line-height: 2.5em;
400
- letter-spacing: -.03em;
401
- flex: 0 1 auto;
402
- width: auto;
403
- padding-left: 0;
404
- padding-right: 0;
405
- }
406
-
407
-
408
- .video-js .vjs-custom-control-spacer {
409
- display: block;
410
- flex: 1 1 auto;
411
- } */
412
-
413
- /* End Progress Bar Modification css */
414
-
415
-
416
- .vjs-poster {
417
- display: inline-block;
418
- vertical-align: middle;
419
- background-repeat: no-repeat;
420
- background-position: 50% 50%;
421
- background-size: contain;
422
- background-color: #000;
423
- cursor: pointer;
424
- margin: 0;
425
- padding: 0;
426
- position: absolute;
427
- top: 0;
428
- right: 0;
429
- bottom: 0;
430
- left: 0;
431
- height: 100%;
432
- }
433
-
434
- /* chromecast test*/
435
- /* button.vjs-chromecast-button.vjs-control.vjs-button{
436
- position: absolute;
437
- top: 1rem;
438
- width: auto;
439
- right: 1rem;
440
- height: auto;
441
- } */
442
-
443
- /* Chromecast */
444
- .vjs-chromecast-button .vjs-icon-placeholder {
445
- background: url('https://player.viewlift.com/images/ic_cast_white_24dp.png') center center no-repeat;
446
- background-size: contain;
447
- display: inline-block;
448
- width: 16px;
449
- height: 16px;
450
- }
451
-
452
- .vjs-chromecast-button:hover {
453
- cursor: pointer;
454
- }
455
-
456
- .vjs-chromecast-button:hover .vjs-icon-placeholder {
457
- background-image: url('https://player.viewlift.com/images/ic_cast_white_24dp.png');
458
- }
459
-
460
- .vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
461
- background-image: url('https://player.viewlift.com/images/ic_cast_connected_white_24dp.png');
462
- }
463
-
464
- .vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder {
465
- background-image: url('https://player.viewlift.com/images/ic_cast_connected_white_24dp.png');
466
- }
467
-
468
-
469
- .vjs-tech-chromecast {
470
- display: flex;
471
- flex-direction: column;
472
- justify-content: center;
473
- align-items: center;
474
- overflow: hidden;
475
- }
476
-
477
- .vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
478
- content: ' ';
479
- display: block;
480
- height: 2px;
481
- width: 100px;
482
- background-color: #cccccc;
483
- position: absolute;
484
- left: calc(50% - 50px);
485
- }
486
-
487
- .vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
488
- max-height: 180px;
489
- width: auto;
490
- border: 2px solid #cccccc;
491
- }
492
-
493
- .vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
494
- width: 160px;
495
- height: 90px;
496
- }
497
-
498
- .vjs-tech-chromecast .vjs-tech-chromecast-title-container {
499
- position: absolute;
500
- bottom: 50%;
501
- margin-bottom: 100px;
502
- color: #cccccc;
503
- text-align: center;
504
- }
505
-
506
- .vjs-tech-chromecast .vjs-tech-chromecast-title {
507
- font-size: 22px;
508
- }
509
-
510
- .vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
511
- display: none;
512
- }
513
-
514
- .vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
515
- font-size: 18px;
516
- padding-top: 0.5em;
517
- }
518
-
519
- .vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
520
- display: none;
521
- }
522
-
523
- .vjs-tech-chromecast {
524
- display: flex;
525
- flex-direction: column;
526
- justify-content: center;
527
- align-items: center;
528
- overflow: hidden;
529
- }
530
-
531
- .vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
532
- content: ' ';
533
- display: block;
534
- height: 2px;
535
- width: 100px;
536
- background-color: #ccc;
537
- position: absolute;
538
- left: calc(50% - 50px);
539
- }
540
-
541
- .vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
542
- max-height: 180px;
543
- width: auto;
544
- border: 2px solid #ccc;
545
- }
546
-
547
- .vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
548
- width: 160px;
549
- height: 90px;
550
- }
551
-
552
- .vjs-tech-chromecast .vjs-tech-chromecast-title-container {
553
- position: absolute;
554
- bottom: 50%;
555
- margin-bottom: 100px;
556
- color: #ccc;
557
- text-align: center;
558
- }
559
-
560
- .vjs-tech-chromecast .vjs-tech-chromecast-title {
561
- font-size: 22px;
562
- }
563
-
564
- .vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
565
- display: none;
566
- }
567
-
568
- .vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
569
- font-size: 18px;
570
- padding-top: 0.5em;
571
- }
572
-
573
- .vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
574
- display: none;
575
- }
576
-
577
- /* Chromecast End */
@@ -1 +0,0 @@
1
- var n="input[type='radio'] {\n -moz-appearance:initial;\n}\n.caption-selection {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.caption-selector-icon {\n cursor: pointer;\n}\n\n.caption-selection-container {\n position: absolute;\n width: 300px;\n bottom: 0px;\n right: -350px;\n background: #00000080 !important;\n z-index: -1;\n transition: right 300ms ease-out;\n}\n\n.caption-container {\n display: flex;\n flex-direction: column;\n}\n\n\n\n\ninput[type='radio']:after {\n width: 12px;\n height: 12px;\n border-radius: 15px;\n top: 3px;\n left: 0px;\n position: relative;\n background-color: transparent;\n content: '';\n display: inline-block;\n visibility: visible;\n border: 2px solid white;\n}\n\n\ninput[type='radio']:checked:after {\n width: 12px;\n height: 12px;\n border-radius: 15px;\n top: 3px;\n left: 0px;\n position: relative;\n background-color: #fff;\n content: '';\n display: inline-block;\n visibility: visible;\n border: 2px solid transparent;\n}\n\n.caption-selection.open {\n background: rgba(255, 255, 255, 0.20) !important;\n}\n\n.caption-selector-head {\n display: flex;\n align-items: center;\n padding-top: 18px;\n padding-left: 20px;\n margin-bottom: 30px;\n}\n\n.caption-selector-title {\n font-size: 18px;\n font-weight: 600;\n margin-left: 25px;\n user-select: none;\n}\n\n.caption-selector-cross-icon {\n cursor: pointer;\n}\n\n.caption-selector-content {\n padding: 0 18px;\n height: 74%;\n overflow: scroll;\n}\n\n.caption-selector-content::-webkit-scrollbar {\n display: none;\n}\n\n/* Hide scrollbar for IE, Edge and Firefox */\n.caption-selector-content {\n -ms-overflow-style: none;\n /* IE and Edge */\n scrollbar-width: none;\n /* Firefox */\n}\n\n.caption-selector-content-video {\n height: 300px;\n margin-bottom: 30px;\n}\n\n.recommended {\n height: 175px;\n width: 309px;\n background-repeat: no-repeat;\n background-size: contain;\n}\n\n.related-thumbnail-image {\n width: 100%;\n height: 100%;\n}\n\n\n/* Caption Language CSS ***********************************************************************************************************/\n.caption-language-container-title {\n margin-left: 10px;\n font-size: 16px;\n text-align: left;\n font-weight: 600;\n margin-bottom: 10px;\n}\n\n.caption-language-container {\n width: 100%;\n margin-bottom: 30px;\n}\n\n.caption-language-holder {\n display: flex;\n width: 90%;\n height: 2.5rem;\n padding: 10px 10px;\n margin-bottom: 10px;\n margin-left: 6px;\n}\n\n.caption-language-holder>input {\n margin: 1px 4px;\n visibility: hidden;\n}\n\n.caption-language-holder>input[type='radio']:checked {\n background: black;\n}\n\n.caption-language-selected {\n background: rgba(255, 255, 255, 0.2);\n}\n\n.caption-language-holder:hover {\n cursor: pointer;\n}\n.caption {\n display: flex;\n align-items: center;\n font-size: 14px;\n margin-left: 4px;\n}\n/* END ********************************************************************************************************************************/\n\n\n\n/* Caption Font Size Container */\n.caption-font-container {\n width: 100%;\n}\n\n.caption-font-container-title {\n font-size: 16px;\n text-align: left;\n font-weight: 600;\n margin-bottom: 10px;\n margin-left: 10px;\n}\n\n.caption-font-holder>input {\n margin: 1px 4px;\n visibility: hidden;\n}\n\n.caption-font-holder {\n display: flex;\n width: 90%;\n height: 2.5rem;\n padding: 10px 10px;\n margin-bottom: 10px;\n margin-left: 6px;\n}\n\n.caption-font-size-selected {\n background: rgba(255, 255, 255, 0.2);\n}\n\n.caption-font-holder:hover {\n cursor: pointer;\n}\n.fontsize {\n display: flex;\n align-items: center;\n font-size: 14px;\n margin-left: 4px;\n}\n/* END ********************************************************************************************************************************/\n\n\n\n\n\n.parent {\n margin: 21px 52px 23px 34px;\n\n}\n\n.recommended:hover {\n cursor: pointer;\n}\n\n.info {\n font-size: 13px;\n padding: 7px 22px;\n}\n\n label:has(> :checked) {\n background: rgba(255, 255, 255, 0.2);\n}\n\n@media (max-width:600px) {\n .caption-language-container-title{\n margin-bottom: 10px;\n }\n .caption-language-container{\n margin-bottom: 8px;\n }\n .caption-font-container-title {\n font-size: 12px;\n }\n .caption{\n font-size: 12px;\n }\n .fontsize {\n display: flex;\n align-items: center;\n font-size: 11px;\n margin-left: 2px;\n }\n .caption-font-holder {\n display: flex;\n align-items: center;\n width: 90%;\n height: 1.5rem;\n padding: 10px 10px;\n margin-bottom: 10px;\n margin-left: 6px;\n }\n input[type='radio']:checked:after {\n width: 10px;\n height: 10px;\n border-radius: 15px;\n top: 0px;\n left: 0px;\n position: relative;\n background-color: #fff;\n content: '';\n display: inline-block;\n visibility: visible;\n border: 2px solid transparent;\n }\n input[type='radio']:after {\n width: 10px;\n height: 10px;\n border-radius: 15px;\n border-radius: 15px;\n top: 0px;\n left: 0px;\n position: relative;\n background-color: transparent;\n content: '';\n display: inline-block;\n visibility: visible;\n border: 2px solid white;\n }\n .caption-selector-head{\n margin-bottom: 12px;\n }\n .caption-selector-cross-icon>svg {\n height: 12px;\n }\n .caption-language-holder {\n display: flex;\n width: 90%;\n height: 1.5rem;\n padding: 6px 7px;\n margin-bottom: 9px;\n margin-left: 6px;\n align-items: center;\n }\n .caption-language-container-title {\n margin-left: 10px;\n font-size: 12px;\n text-align: left;\n font-weight: 600;\n margin-bottom: 6px;\n }\n .caption-selector-title {\n font-size: 14px;\n }\n\n .caption-selector-content {\n height: 52%;\n }\n\n .caption-selection-container {\n width: 200px;\n }\n\n .recommended {\n height: 90px !important;\n width: 154px !important;\n }\n\n .info {\n font-size: 9px !important;\n }\n\n .caption-selector-title {\n margin-left: 13px;\n }\n}";export{n as default};
@@ -1 +0,0 @@
1
- import e from"@babel/runtime/helpers/typeof";import t from"@babel/runtime/helpers/classCallCheck";import n from"@babel/runtime/helpers/createClass";import a from"@babel/runtime/helpers/inherits";import o from"@babel/runtime/helpers/possibleConstructorReturn";import r from"@babel/runtime/helpers/getPrototypeOf";import i from"video.js";import{C as c,e as l}from"./icons-f5378bf3.js";import{v as s,u as d,g as p,t as m}from"./generic-4a3c0d6b.js";import{a as u}from"./skin-665ec17e.js";import"@babel/runtime/helpers/defineProperty";import"axios";import"js-cookie";import"ua-parser-js";import"@babel/runtime/helpers/toConsumableArray";function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=r(e);if(t){var i=r(this).constructor;n=Reflect.construct(a,arguments,i)}else n=a.apply(this,arguments);return o(this,n)}}var v=i.getComponent("Component"),h=function(o){a(h,v);var r=f(h);function h(e){var n,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t(this,h),(n=r.call(this,e,a)).playerId=a.playerId,n.seriesData=a.sres,n.currentVideoData=a.res,n.initialiseStructure(),n.loadCSS(),n}return n(h,[{key:"createEl",value:function(){var e=i.dom.createEl("div",{className:"caption-selection vjs-control vjs-button"});e.style.position="unset";var t=i.dom.createEl("div",{className:"caption-selector-icon",innerHTML:"".concat(c())});return i.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){import("./caption-settings-2e47813b.js").then((function(e){var t=document.createElement("style");t.id="video-captions",t.append("".concat(e.default)),document.head.appendChild(t)}))}},{key:"initialiseStructure",value:function(){var e=this,t=s(this.playerId);null==t||t.map((function(t){return d(e.playerId,t.id)}));var n=this.el(),a=i.dom.createEl("div",{className:"caption-selection-container hidden"});i.dom.$(".caption-selector-icon",this.el()).onclick=function(){var e;null!==(e=a.classList)&&void 0!==e&&e.contains("hidden")?(u(),a.classList.remove("hidden"),n.classList.add("open"),a.style.right="0px"):(a.classList.add("hidden"),n.classList.remove("open"),a.style.right="-350px")};var o=window.getComputedStyle(document.getElementById(this.playerId),null).getPropertyValue("height").slice(0,-2);a.style.height="".concat(o,"px"),i.dom.appendContent(n,a),document.getElementById(this.playerId).style.overflow="hidden",this.addFunctionality(a)}},{key:"addFunctionality",value:function(e){var t=this,n=this.el(),a=i.dom.createEl("div",{className:"caption-selector-head"}),o=i.dom.createEl("div",{className:"caption-selector-cross-icon",innerHTML:"".concat(l())});o.onclick=function(){e.classList.add("hidden"),n.classList.remove("open"),e.style.right="-350px"};var r=i.dom.createEl("div",{className:"caption-selector-title",innerHTML:"Captions"}),c=i.dom.createEl("div",{className:"caption-selector-content"}),s=i.dom.createEl("div",{className:"caption-container"}),d=this.createLanguageContanier();i.dom.appendContent(s,d);var m=this.createFontSizeContainer();i.dom.appendContent(s,m),i.dom.appendContent(a,o),i.dom.appendContent(a,r),i.dom.appendContent(e,a),i.dom.appendContent(e,c),i.dom.appendContent(c,s),p(this.playerId).on("fullscreenchange",(function(){var n=window.getComputedStyle(document.getElementById(t.playerId),null).getPropertyValue("height").slice(0,-2);e.style.height="".concat(n,"px")}))}},{key:"createLanguageContanier",value:function(){var t=this,n=i.dom.createEl("div",{className:"caption-language-container"}),a=i.dom.createEl("div",{className:"caption-language-container-title",innerHTML:"Language"});i.dom.appendContent(n,a);var o=document.createElement("label");o.setAttribute("for","radio-off"),o.className="caption-language-holder";var r=document.createElement("div");r.className="caption",r.innerHTML="Off";var c=i.dom.createEl("input",{className:"radio - off",id:"radio-off",name:"language-radio",checked:"true"});c.setAttribute("type","radio"),c.onchange=function(e){s(t.playerId).map((function(e){return d(t.playerId,e.id)}))},i.dom.appendContent(o,c),i.dom.appendContent(o,r),i.dom.appendContent(n,o);for(var l=s(this.playerId),p=function(e){var a=document.createElement("label");a.className="caption-language-holder",a.setAttribute("for","language-radio-".concat(e));var o=document.createElement("div");o.className="caption - ".concat(e),o.innerHTML=l[e].label;var r=i.dom.createEl("input",{className:"radio - ".concat(e),id:"language-radio-".concat(e),name:"language-radio"});return r.onchange=function(n){m(t.playerId,l[e].id)},r.setAttribute("type","radio"),i.dom.appendContent(a,r),i.dom.appendContent(a,o),i.dom.appendContent(n,a),{v:n}},u=0;u<l.length;u++){var f=p(u);if("object"===e(f))return f.v}}},{key:"createFontSizeContainer",value:function(){var e=i.dom.createEl("div",{className:"caption-font-container"}),t=i.dom.createEl("div",{className:"caption-font-container-title",innerHTML:"Font Size"});i.dom.appendContent(e,t);for(var n=[{size:14},{size:18},{size:24}],a=0;a<n.length;a++){var o=document.createElement("label");o.className="caption-font-holder",o.setAttribute("for","font".concat(a));var r=document.createElement("div");r.className="fontsize - ".concat(a),r.innerHTML=n[a].size+"pt";var c=i.dom.createEl("input",{className:"radio - ".concat(a),id:"font".concat(a),name:"font-size-radio",size:"".concat(n[a].size),checked:"".concat(a==n.length-1)});c.setAttribute("type","radio"),c.onchange=function(e){var t=e.target.size;if(document.getElementById("caption-size")){document.getElementById("caption-size").textContent=".vjs-text-track-cue{font-size:".concat(t,"px !important}")}else{var n=document.createElement("style");n.textContent=".vjs-text-track-cue{font-size:".concat(t,"px !important}"),n.id="caption-size",document.head.append(n)}},i.dom.appendContent(o,c),i.dom.appendContent(o,r),i.dom.appendContent(e,o)}return e}}]),h}();export{h as default};
@@ -1 +0,0 @@
1
- var n='.video-js button.vjs-fullscreen-control.vjs-control.vjs-button {\n position: absolute;\n right: 1rem;\n top: 0.6rem;\n width: 1.8rem;\n height: 1.8rem;\n transform: rotate(90deg);\n}\n.video-js button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{\n outline: none;\n}\n.hideoutsidecontrols{\n visibility: hidden !important; \n opacity: 0 !important;\n transition: visibility 1s, opacity 1s !important;\n }\n.video-js button.vjs-chromecast-button.vjs-control.vjs-button {\n position: absolute;\n top: 0.9rem;\n width: auto;\n right: 4rem;\n height: auto;\n}\n.video-js div.vjs-volume-panel.vjs-control.vjs-volume-panel-vertical{\n cursor: pointer;\n height: 2.5rem;\n font-size: 12px;\n top: 5px;\n left: -4px;\n}\n\n\n.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,\n.vjs-icon-fullscreen-enter:before {\n content: \'\' !important;\n}\n\n.video-js .vjs-fullscreen .icon-maximize,\n.icon-minimize {\n display: none;\n}\n\n.video-js .vjs-fullscreen .icon-minimize,\n.icon-maximize {\n display: block;\n}\n\n.videojs .vjs-load-progress {\n /* color: red; */\n background: red;\n}\n\n.video-js .vjs-play-progress:before {\n font-size: 1.2em;\n position: absolute;\n right: -0.5em;\n top: -0.34em;\n z-index: 1;\n display: none;\n}\n\n.video-js .setting-icon {\n display: flex;\n align-items: center;\n font-size: 14px;\n}\n\n.video-js .vjs-progress-control.vjs-control {\n height: 2rem;\n left: -0.5rem;\n top: 0.45rem;\n}\n\n.video-js .vjs-play-control {\n cursor: pointer;\n height: 2.5rem;\n font-size: 13px;\n top: 4px;\n}\n\n.video-js button.vjs-seek-to-live-control.vjs-control {\n font-size: 11px;\n}\n\n.video-js .container {\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n width: max-content !important;\n position: absolute !important;\n z-index: 1;\n top: 2.6rem !important;\n padding: 6px !important;\n left: 9.6rem !important;\n cursor: pointer;\n}\n\n.video-js .content {\n bottom: 2.4rem !important;\n right: -4rem !important;\n border-radius: 5px;\n}\n\n.video-js .vjs-control-bar {\n height: 5rem !important;\n}\n\n\n.video-js .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder {\n display: none;\n}\n\n\n.video-js button.vjs-seek-to-live-control.vjs-control {\n /* border: 1px solid red; */\n /* border-radius: 14px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 20px;\n margin-top: 4px;\n left: -2.3rem;\n top: 0.2rem; */\n /* background: red; */\n\n border-radius: 14px;\n /* display: flex; */\n justify-content: center;\n align-items: center;\n height: 20px;\n margin-top: 4px;\n left: -2.3rem;\n top: 0.55rem;\n}\n\n\n.video-js button.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {\n\n background: red;\n\n\n border-radius: 14px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 20px;\n margin-top: 4px;\n left: -2.3rem;\n top: 0.55rem;\n}\n\n\n.video-js .vjs-play-progress.vjs-slider-bar {\n background: red;\n}\n\n\n.video-js button.vjs-control.vjs-button.vjs-slowmo-button {\n cursor: pointer;\n top: 2.8rem;\n left: 1.3rem;\n position: absolute;\n height: min-content;\n width: 6rem !important;\n border: 1px solid transparent;\n background: gray;\n font-size: 13px;\n border-radius: 4px;\n padding: 4px;\n width: max-content;\n}\n\n.video-js .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {\n position: absolute;\n top: 2.5rem;\n left: 16.5rem;\n height: 2rem;\n\n}\n\n.video-js .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {\n display: flex;\n width: max-content;\n align-items: center;\n}\n\n.video-js button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button {\n width: 2rem;\n height: 2rem;\n margin-top: 0.2rem;\n}\n\n\n\n.video-js button.vjs-subs-caps-button .vjs-icon-placeholder:before {\n content: none;\n}\n\n.video-js .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {\n font-size: 11px;\n width: 5rem;\n}\n\n.video-js .fs14 {\n font-size: 14px;\n}\n\n.video-js .vjs-subs-caps-button .vjs-menu {\n display: none;\n position: absolute;\n bottom: 0;\n width: 10em;\n left: -1em;\n height: 0;\n margin-bottom: 1.5em;\n border-top-color: rgba(43, 51, 63, .7);\n}\n\n.video-js .renditions {\n font-size: 12px !important;\n}\n\n\n.video-js .icon.icon-captions {\n width: 24px;\n top: 8px;\n /* position: absolute; */\n}\n\n\n.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before {\n content: "";\n content: "";\n height: 17px;\n position: absolute;\n top: 5px;\n left: 7px;\n}\n\n.video-js .vjs-live-control.vjs-control {\n height: 2rem;\n width: 2rem;\n display: flex;\n display: none;\n justify-content: flex-end;\n right: 2.6rem;\n top: 0.6rem;\n}\n\n.video-js .vjs-live-display {\n border-radius: 7px;\n}\n\n.video-js .vjs-remaining-time.vjs-time-control.vjs-control {\n height: 2.5rem;\n left: -1rem;\n top: 0.45rem;\n font-size: 11px;\n}\n\n.video-js ul.vjs-menu-content {\n border-radius: 6px;\n width: 7rem;\n padding: 5px 8px;\n border: 1px solid transparent;\n}\n\n.video-js button.vjs-airplay-button.vjs-control.vjs-button {\n position: absolute;\n top: 0.5rem;\n height: 2rem;\n right: 3.5rem;\n}\n\n\n@media (max-width:600px) {\n .video-js div.vjs-volume-panel.vjs-control.vjs-volume-panel-vertical{\n cursor: pointer;\n height: 2.5rem;\n font-size: 11px;\n top: 8px;\n left: -4px;\n }\n\n .video-js .vjs-progress-control.vjs-control {\n height: 2rem;\n left: -0.5rem;\n top: 0.56rem !important;\n } \n .video-js .vjs-play-control {\n cursor: pointer;\n height: 2.5rem;\n font-size: 13px;\n top: 6px !important;\n }\n .video-js .vjs-remaining-time.vjs-time-control.vjs-control {\n height: 2.5rem;\n left: -1rem;\n top: 0.5rem !important;\n font-size: 11px;\n }\n .video-js button.vjs-control.vjs-button.vjs-slowmo-button {\n height: 1.5rem;\n cursor: pointer;\n font-size: 0px;\n top: 3rem;\n left: 3.5rem;\n left: 1.3rem;\n position: absolute;\n height: -moz-min-content;\n height: 22px;\n width: 4rem !important;\n border: 1px solid transparent;\n background: gray;\n font-size: 9px;\n font-size: 10px;\n border-radius: 4px;\n padding: 4px;\n width: -moz-max-content;\n }\n\n .video-js .container {\n display: none !important\n }\n\n .video-js .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {\n position: absolute;\n top: 2.6rem;\n left: 6.5rem !important;\n height: 2rem;\n }\n .video-js .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {\n font-size: 10px;\n width: 5rem;\n }\n .video-js .vjs-live-display {\n background-color: red;\n padding: 0 5px;\n height: 20px;\n top: 1px;\n right: -2rem;\n width: 2rem;\n position: relative;\n }\n\n .video-js .setting-icon {\n display: flex;\n align-items: center;\n font-size: 11px;\n }\n .video-js .fs14 {\n font-size: 11px;\n }\n .video-js .vjs-progress-control.vjs-control {\n left: -0.3rem !important;\n }\n \n}';export{n as default};
@@ -1 +0,0 @@
1
- var n='.video-js .error-container {\n position: absolute;\n top: 60%;\n text-align: center;\n width: 100%;\n height: -moz-max-content;\n height: max-content;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.video-js .error-message {\n font-size: 17px;\n padding: 0 4rem;\n color: white;\n}\n\n/* .video-js.vjs-playing .vjs-tech {\n pointer-events: none;\n} \n.vjs-error-display.vjs-modal-dialog {\n display: none;\n}\n .video-js .vjs-big-play-button .vjs-icon-placeholder:before{\n content: "\\00d7";\n font-size: 35px;\n top: -8px;\n} */\n\n@media (max-width:600px){\n .video-js .error-container {\n top: 68%;\n }\n .video-js .error-message{\n font-size: 14px;\n }\n}\n\n/* .video-js.vjs-paused .vjs-big-play-button:focus{\n pointer-events: none;\n} */';export{n as default};
@@ -1 +0,0 @@
1
- import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/classCallCheck";import n from"@babel/runtime/helpers/createClass";import r from"@babel/runtime/helpers/inherits";import o from"@babel/runtime/helpers/possibleConstructorReturn";import l from"@babel/runtime/helpers/getPrototypeOf";import i from"video.js";import{g as a,r as s,j as c}from"./generic-4a3c0d6b.js";import{g as d}from"./renditions-0fdb57ed.js";function u(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function m(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=l(t);if(e){var i=l(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return o(this,n)}}var p=function(t){var o=function(t){r(i,t);var o=m(i);function i(t,n){var r;e(this,i);var l=(r=o.call(this,t,n)).el_;return l.classList.add("vjs-slowmo-button"),l.innerHTML="Slow Mo",r}return n(i,[{key:"handleClick",value:function(){1==l.playbackRate()?(l.playbackRate(.5),this.el().style.background="darkgray"):(l.playbackRate(1),this.el().style.background="none")}}]),i}(i.getComponent("Button"));i.registerComponent("MyButton",o);var l=i(t);l.getChild("controlBar").addChild("myButton",{},2)},h=function(t,o,l){var a=function(o){r(a,o);var i=m(a);function a(t,n){var r;e(this,a);var o=(r=i.call(this,t,n)).el_;return o.classList.add("vjs-rewind-button"),o.innerHTML=l,r}return n(a,[{key:"handleClick",value:function(){s(t,10)}}]),a}(i.getComponent("Button"));i.registerComponent("MyButton",a),i(t).getChild("controlBar").addChild("myButton",{},1)},f=function(t,o,l){var a=function(o){r(a,o);var i=m(a);function a(t,n){var r;e(this,a);var o=(r=i.call(this,t,n)).el_;return o.classList.add("vjs-skip-button"),o.innerHTML=l,r}return n(a,[{key:"handleClick",value:function(){c(t,10)}}]),a}(i.getComponent("Button"));i.registerComponent("MyButton",a),i(t).getChild("controlBar").addChild("myButton",{},1)},g=function(t,e){import("./multicam-bc0aea8a.js").then((function(n){var r=n.default,o=e.streams,l=a(t);i.registerComponent("multicamModule",r),l.getChild("controlBar").addChild("multicamModule",{playerId:t,streams:o,config:e},l.controlBar.children().length)}));var n=document.querySelector(".vjs-control-bar");n&&"live"==(null==e?void 0:e.skin)&&(n.style.background="transparent")},v=function(t,e,n){import("./resolution-57e7767a.js").then((function(r){var o=r.default;document.getElementById(t).getElementsByClassName("container")[0]&&document.getElementById(t).getElementsByClassName("container")[0].remove();var l=a(t),s=d(t);(null==s?void 0:s.length)>0&&(i.registerComponent("resolutionModule",o),l.getChild("controlBar").addChild("resolutionModule",{playerId:t,skin:e,icon:n,renditions:s},l.controlBar.children().length-4))}))},y=function(t,e,n){import("./nextEpisodeButton-ec95417f.js").then((function(r){var o=r.default,l=a(n);i.registerComponent("nextEpisodeButtonModule",o),l.getChild("controlBar").addChild("nextEpisodeButtonModule",{playerId:n,sres:t,res:e},l.controlBar.children().length-5)}))},C=function(t,e){import("./mwebPotraitTray-0ff12233.js").then((function(n){var r=n.default,o=a(t);i.registerComponent("mwebPotraitTray",r),o.getChild("controlBar").addChild("mwebPotraitTray",{playerId:t,config:e},0)}))},B=function(t,e,n){import("./series-998e2084.js").then((function(r){var o=r.seriesModule,l=a(t);i.registerComponent("seriesModule",o),l.getChild("controlBar").addChild("seriesModule",{playerId:t,seriesData:e},l.controlBar.children().length-4);for(var s=document.querySelectorAll(".season-title-sdk"),c=function(t){s[t].addEventListener("click",(function(){e[t]&&r.handleSeasonChange(e[t],t,l,n)}))},d=0;d<s.length;d++)c(d)}))},b=function(t,e){import("./videoSelector-8da87dd3.js").then((function(n){var r=n.default,o=a(t);i.registerComponent("videoSelector",r),o.getChild("controlBar").addChild("videoSelector",{playerId:t,related:e},o.controlBar.children().length-3)}))},j=function(t,e){import("./caption-settings-3f6b6163.js").then((function(n){var r,o,l,s,c=n.default,d=a(t);i.registerComponent("captionSelector",c),null===(r=document)||void 0===r||null===(o=r.getElementById(t))||void 0===o||null===(l=o.getElementsByClassName("caption-selection vjs-control vjs-button"))||void 0===l||null===(s=l[0])||void 0===s||s.remove(),d.getChild("controlBar").addChild("captionSelector",{playerId:t,options:e},d.controlBar.children().length-3)}))},k=function(t,e){import("./settings-icon-9bac9ef3.js").then((function(n){var r,o,l,s,c=n.default,d=a(t);i.registerComponent("settingsSelector",c),null===(r=document)||void 0===r||null===(o=r.getElementById(t))||void 0===o||null===(l=o.getElementsByClassName("settings-selection vjs-control vjs-button"))||void 0===l||null===(s=l[0])||void 0===s||s.remove(),d.getChild("controlBar").addChild("settingsSelector",{playerId:t,options:e},d.controlBar.children().length-3)}))},O=function(t,e){import("./playlist-5d3f4436.js").then((function(n){var r=n.default,o=a(t);i.registerComponent("playlistSelector",r),o.getChild("controlBar").addChild("playlistSelector",{playerId:t,playlist:e},o.controlBar.children().length-3)}))},S=function(e,n){import("./series-v2-9bcd5d54.js").then((function(r){var o=r.default,l=a(e);i.registerComponent("seriesV2",o),l.getChild("controlBar").addChild("seriesV2",function(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?u(Object(r),!0).forEach((function(n){t(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({playerId:e},n),l.controlBar.children().length-3)}))},M=function(t,e){import("./multicamv2-fb91fa98.js").then((function(n){var r=n.default,o=a(t);i.registerComponent("streamSelector",r),o.getChild("controlBar").addChild("streamSelector",{playerId:t,streams:e},o.controlBar.children().length-4)}))};export{g as a,v as b,C as c,p as d,B as e,y as f,f as g,h,k as i,j,b as k,M as l,O as m,S as n};