@viewlift/player-backup 2.0.209-backup → 2.0.228-backup

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 (248) hide show
  1. package/cjs/autoNextVideo-7a2ffaa6.js +1 -0
  2. package/cjs/browser-9431352d.js +1 -0
  3. package/cjs/bundle.css +131 -1826
  4. package/cjs/caption-settings-5263b535.js +1 -0
  5. package/cjs/captions-b9061920.js +1 -0
  6. package/cjs/features-2ccb04e9.js +1 -0
  7. package/cjs/generic-1446236a.js +1 -0
  8. package/cjs/icons-1a3febef.js +1 -0
  9. package/cjs/index-12e3d234.js +1 -0
  10. package/cjs/index-3f0e537b.js +1 -0
  11. package/cjs/index.js +1 -1
  12. package/cjs/keyboardShortcuts-e051f089.js +1 -0
  13. package/cjs/multicamv2-90c2d33a.js +1 -0
  14. package/cjs/multicamv2-f9638124.js +1 -0
  15. package/cjs/nextEpisodeButton-88a1bca1.js +1 -0
  16. package/cjs/playlist-043e9e6c.js +1 -0
  17. package/cjs/renditions-5c4b9338.js +1 -0
  18. package/cjs/resolution-b2e683df.js +1 -0
  19. package/cjs/series-c1e5f9b2.js +1 -0
  20. package/cjs/series-v2-68886cd2.js +1 -0
  21. package/cjs/series-v2-8c29b37f.js +1 -0
  22. package/cjs/series-v2-f318388a.js +1 -0
  23. package/cjs/settings-icon-aa87cc13.js +1 -0
  24. package/cjs/skin-16742114.js +1 -0
  25. package/cjs/skin-453da306.js +1 -0
  26. package/cjs/skin-4872df7e.js +1 -0
  27. package/cjs/skin-5a948755.js +1 -0
  28. package/cjs/skin-87c06e34.js +1 -0
  29. package/cjs/skin-ad68548a.js +1 -0
  30. package/cjs/skin-e634888b.js +1 -0
  31. package/cjs/skin-ee1977be.js +1 -0
  32. package/cjs/util-279f489b.js +1 -0
  33. package/cjs/videoSelector-2af8513b.js +1 -0
  34. package/cjs/videoSelector-2c01053e.js +1 -0
  35. package/cjs/videojs_contrib_dash-5ec0e9bd.js +1 -0
  36. package/esm/autoNextVideo-d1f16fc3.js +1 -0
  37. package/esm/browser-c9dfe92f.js +1 -0
  38. package/esm/bundle.css +131 -1826
  39. package/esm/caption-settings-512647cd.js +1 -0
  40. package/esm/captions-2401a9bd.js +1 -0
  41. package/esm/features-350ba5a2.js +1 -0
  42. package/esm/generic-259ac9ea.js +1 -0
  43. package/esm/{icons-37daa6b3.js → icons-8e47e640.js} +1 -1
  44. package/esm/index-8e3eab6d.js +1 -0
  45. package/esm/index-9026d02d.js +1 -0
  46. package/esm/index.js +1 -1
  47. package/esm/keyboardShortcuts-47a8d21d.js +1 -0
  48. package/esm/multicamv2-4070c52a.js +1 -0
  49. package/esm/multicamv2-49ef8d7a.js +1 -0
  50. package/esm/nextEpisodeButton-7ff2f171.js +1 -0
  51. package/esm/playlist-83b15afc.js +1 -0
  52. package/esm/renditions-7d6c3151.js +1 -0
  53. package/esm/resolution-0afa0b07.js +1 -0
  54. package/esm/series-3399f3f3.js +1 -0
  55. package/esm/series-v2-5f425f8b.js +1 -0
  56. package/esm/series-v2-8a8b6f0c.js +1 -0
  57. package/esm/series-v2-8f6066ae.js +1 -0
  58. package/esm/settings-icon-106dd224.js +1 -0
  59. package/esm/skin-3e654e7e.js +1 -0
  60. package/esm/skin-51c067af.js +1 -0
  61. package/esm/skin-6b1812b7.js +1 -0
  62. package/esm/skin-88757661.js +1 -0
  63. package/esm/skin-8bccac9a.js +1 -0
  64. package/esm/skin-99d39278.js +1 -0
  65. package/esm/skin-9e72e406.js +1 -0
  66. package/esm/skin-e4b35c14.js +1 -0
  67. package/esm/util-efa87ada.js +1 -0
  68. package/esm/videoSelector-0e12832d.js +1 -0
  69. package/esm/videoSelector-e2041700.js +1 -0
  70. package/esm/videojs_contrib_dash-5ee2e52c.js +1 -0
  71. package/package.json +2 -6
  72. package/cjs/autoNextVideo-8f3a28e5.js +0 -1
  73. package/cjs/caption-settings-25cabfc0.js +0 -1
  74. package/cjs/captions-68e263dd.js +0 -1
  75. package/cjs/currentVideoInfo-5802821b.js +0 -1
  76. package/cjs/features-abb5e1bb.js +0 -1
  77. package/cjs/generic-5c9cfadb.js +0 -1
  78. package/cjs/helper-dbf2fb22.js +0 -1
  79. package/cjs/icons-2609dbe4.js +0 -1
  80. package/cjs/index-50a630cc.js +0 -1
  81. package/cjs/index-7a5c09f3.js +0 -1
  82. package/cjs/index-7ae433c7.js +0 -1
  83. package/cjs/index-88031af6.js +0 -1
  84. package/cjs/index-96485ab1.js +0 -1
  85. package/cjs/multicamv2-8215855b.js +0 -1
  86. package/cjs/multicamv2-bdbdc567.js +0 -1
  87. package/cjs/nextEpisodeButton-8d1f76fa.js +0 -1
  88. package/cjs/player_instance-fcf6a8fb.js +0 -1
  89. package/cjs/playlist-8f169ddf.js +0 -1
  90. package/cjs/resolution-9c4872ec.js +0 -1
  91. package/cjs/resolution-v2-830c33a9.js +0 -1
  92. package/cjs/series-2df91838.js +0 -1
  93. package/cjs/series-v2-00f10af5.js +0 -1
  94. package/cjs/series-v2-2105fd89.js +0 -1
  95. package/cjs/series-v2-34b98030.js +0 -1
  96. package/cjs/settings-icon-a419af57.js +0 -1
  97. package/cjs/skin-3724dae8.js +0 -1
  98. package/cjs/skin-38de8257.js +0 -1
  99. package/cjs/skin-39d6ae6a.js +0 -1
  100. package/cjs/skin-4ec6103a.js +0 -1
  101. package/cjs/skin-9646db5f.js +0 -1
  102. package/cjs/skin-9e881886.js +0 -1
  103. package/cjs/skin-c6f13c36.js +0 -1
  104. package/cjs/skin-dceda892.js +0 -1
  105. package/cjs/skin-e973241e.js +0 -1
  106. package/cjs/skin-eeec7a85.js +0 -1
  107. package/cjs/skin-f1b4c941.js +0 -1
  108. package/cjs/start-begin-btn-5adfa5b7.js +0 -1
  109. package/cjs/util-084dc6e6.js +0 -1
  110. package/cjs/videoSelector-397d3ce1.js +0 -1
  111. package/cjs/videoSelector-ce5e52fb.js +0 -1
  112. package/cjs/videojs-dash5.es-4bac123d.js +0 -1
  113. package/cjs/watch-live-btn-1c5d2e69.js +0 -1
  114. package/esm/apis/index.d.ts +0 -11
  115. package/esm/assets/icons.d.ts +0 -25
  116. package/esm/autoNextVideo-7a081ac0.js +0 -1
  117. package/esm/caption-settings-3a5e2e2d.js +0 -1
  118. package/esm/captions-78bd2908.js +0 -1
  119. package/esm/components/advertisement/advertisement.d.ts +0 -1
  120. package/esm/components/auto-next-video/autoNextVideo.d.ts +0 -2
  121. package/esm/components/big-mute-btn/index.d.ts +0 -9
  122. package/esm/components/broadcaster_image/index.d.ts +0 -1
  123. package/esm/components/caption-settings/caption-settings.d.ts +0 -14
  124. package/esm/components/dvr-seekbar/index.d.ts +0 -14
  125. package/esm/components/dvr-startover/helper.d.ts +0 -17
  126. package/esm/components/dvr-startover/index.d.ts +0 -1
  127. package/esm/components/dvr-startover/marker.d.ts +0 -3
  128. package/esm/components/dvr-startover/start-begin-btn.d.ts +0 -6
  129. package/esm/components/dvr-startover/watch-live-btn.d.ts +0 -6
  130. package/esm/components/multicam/multicam.d.ts +0 -18
  131. package/esm/components/multicam-v2/multicamv2.d.ts +0 -13
  132. package/esm/components/multicam-v2_TEMP/multicamv2.d.ts +0 -13
  133. package/esm/components/next-ep-preview/next-ep-preview.d.ts +0 -1
  134. package/esm/components/next-episode/nextEpisodeButton.d.ts +0 -13
  135. package/esm/components/playlist-tray/playlist.d.ts +0 -15
  136. package/esm/components/quality-selector/index.d.ts +0 -1
  137. package/esm/components/resolution/resolution-v2.d.ts +0 -18
  138. package/esm/components/resolution/resolution.d.ts +0 -20
  139. package/esm/components/series/series.d.ts +0 -10
  140. package/esm/components/series-v2/helper.d.ts +0 -3
  141. package/esm/components/series-v2/series-v2.d.ts +0 -25
  142. package/esm/components/series-v2_TEMP/helper.d.ts +0 -1
  143. package/esm/components/series-v2_TEMP/series-v2.d.ts +0 -21
  144. package/esm/components/settings-icon/settings-icon.d.ts +0 -17
  145. package/esm/components/timer/index.d.ts +0 -5
  146. package/esm/components/trickplay/helper.d.ts +0 -13
  147. package/esm/components/trickplay/index.d.ts +0 -1
  148. package/esm/components/trickplay/videojs.thumbnails.d.ts +0 -1
  149. package/esm/components/video-selector/videoSelector.d.ts +0 -18
  150. package/esm/components/video-selector_TEMP/videoSelector.d.ts +0 -16
  151. package/esm/components/watch-history/handleWatchHistory.d.ts +0 -2
  152. package/esm/contentHandler/content_types/epg.d.ts +0 -4
  153. package/esm/contentHandler/content_types/external.d.ts +0 -4
  154. package/esm/contentHandler/content_types/index.d.ts +0 -5
  155. package/esm/contentHandler/content_types/series.d.ts +0 -4
  156. package/esm/contentHandler/content_types/vod.d.ts +0 -4
  157. package/esm/contentHandler/firePlayer.d.ts +0 -4
  158. package/esm/core/captions.d.ts +0 -10
  159. package/esm/core/generic.d.ts +0 -49
  160. package/esm/core/player_instance.d.ts +0 -6
  161. package/esm/core/renditions.d.ts +0 -6
  162. package/esm/core/util.d.ts +0 -19
  163. package/esm/core/volume.d.ts +0 -2
  164. package/esm/currentVideoInfo-0b234e55.js +0 -1
  165. package/esm/dash/dashHandler.d.ts +0 -1
  166. package/esm/dash/linear_ssai.d.ts +0 -1
  167. package/esm/dash/sgai.d.ts +0 -14
  168. package/esm/features-5255338f.js +0 -1
  169. package/esm/features.d.ts +0 -33
  170. package/esm/generic-3fd5b593.js +0 -1
  171. package/esm/globalPlayerEvents.d.ts +0 -8
  172. package/esm/helper-d52dff3c.js +0 -1
  173. package/esm/helpers/browser.d.ts +0 -2
  174. package/esm/helpers/currentVideoInfo.d.ts +0 -21
  175. package/esm/helpers/errorHandling.d.ts +0 -2
  176. package/esm/helpers/loader.d.ts +0 -2
  177. package/esm/helpers/localisation.d.ts +0 -2
  178. package/esm/helpers/scriptLoader.d.ts +0 -2
  179. package/esm/helpers/secondary-switching.d.ts +0 -1
  180. package/esm/helpers/skin.d.ts +0 -20
  181. package/esm/helpers/sourceRetriever.d.ts +0 -11
  182. package/esm/helpers/ssaiEventHandler.d.ts +0 -27
  183. package/esm/helpers/token.d.ts +0 -9
  184. package/esm/index-27a8c03f.js +0 -1
  185. package/esm/index-2ab55f4b.js +0 -1
  186. package/esm/index-6ba5daf1.js +0 -1
  187. package/esm/index-6ecf4a3a.js +0 -1
  188. package/esm/index-9dc99578.js +0 -1
  189. package/esm/index.d.ts +0 -44
  190. package/esm/multicamv2-11420b04.js +0 -1
  191. package/esm/multicamv2-91571dc8.js +0 -1
  192. package/esm/nextEpisodeButton-9254011d.js +0 -1
  193. package/esm/player_instance-34118a5b.js +0 -1
  194. package/esm/playlist-81c63171.js +0 -1
  195. package/esm/plugins/chromecast.d.ts +0 -18
  196. package/esm/plugins/comscore_dist/index.d.ts +0 -50
  197. package/esm/plugins/index.d.ts +0 -2
  198. package/esm/plugins/library.d.ts +0 -8
  199. package/esm/plugins/videojs-dash5.es.d.ts +0 -51
  200. package/esm/plugins/videojs_contrib_dash.d.ts +0 -51
  201. package/esm/resolution-62be852a.js +0 -1
  202. package/esm/resolution-v2-081ad56d.js +0 -1
  203. package/esm/series-8964a9f7.js +0 -1
  204. package/esm/series-v2-2d269b3d.js +0 -1
  205. package/esm/series-v2-6e9853f8.js +0 -1
  206. package/esm/series-v2-8a7befeb.js +0 -1
  207. package/esm/settings-icon-7d9e5221.js +0 -1
  208. package/esm/skin/carousel/skin.d.ts +0 -1
  209. package/esm/skin/default/events.d.ts +0 -1
  210. package/esm/skin/default/skin.d.ts +0 -1
  211. package/esm/skin/defaultV2/events.d.ts +0 -1
  212. package/esm/skin/defaultV2/skin.d.ts +0 -1
  213. package/esm/skin/index.d.ts +0 -1
  214. package/esm/skin/mini/events.d.ts +0 -1
  215. package/esm/skin/mini/skin.d.ts +0 -1
  216. package/esm/skin/minimalist/skin.d.ts +0 -1
  217. package/esm/skin/multiplayer/events.d.ts +0 -1
  218. package/esm/skin/multiplayer/skin.d.ts +0 -1
  219. package/esm/skin/news/events.d.ts +0 -1
  220. package/esm/skin/news/skin.d.ts +0 -1
  221. package/esm/skin/news_live/events.d.ts +0 -1
  222. package/esm/skin/news_live/skin.d.ts +0 -1
  223. package/esm/skin/vl_one/events.d.ts +0 -1
  224. package/esm/skin/vl_one/skin.d.ts +0 -1
  225. package/esm/skin-2e948ed5.js +0 -1
  226. package/esm/skin-326fbfab.js +0 -1
  227. package/esm/skin-43399525.js +0 -1
  228. package/esm/skin-444caab4.js +0 -1
  229. package/esm/skin-65765793.js +0 -1
  230. package/esm/skin-6d007640.js +0 -1
  231. package/esm/skin-a6e6bde1.js +0 -1
  232. package/esm/skin-bdff3414.js +0 -1
  233. package/esm/skin-bf85cd04.js +0 -1
  234. package/esm/skin-c25c5a5d.js +0 -1
  235. package/esm/skin-fbab87d5.js +0 -1
  236. package/esm/start-begin-btn-16534825.js +0 -1
  237. package/esm/util-c1e003dd.js +0 -1
  238. package/esm/utilities/analytics.d.ts +0 -3
  239. package/esm/utilities/beacon.d.ts +0 -3
  240. package/esm/utilities/comscore.d.ts +0 -5
  241. package/esm/utilities/controlsColor.d.ts +0 -1
  242. package/esm/utilities/conviva.d.ts +0 -5
  243. package/esm/utilities/keyboardShortcuts.d.ts +0 -5
  244. package/esm/utilities/replaceMacros.d.ts +0 -1
  245. package/esm/videoSelector-b384cba5.js +0 -1
  246. package/esm/videoSelector-d1379d30.js +0 -1
  247. package/esm/videojs-dash5.es-20c85b48.js +0 -1
  248. package/esm/watch-live-btn-ddcfab89.js +0 -1
package/esm/bundle.css CHANGED
@@ -2,532 +2,6 @@
2
2
 
3
3
 
4
4
 
5
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
6
- font-size: 2.2em;
7
- line-height: 2.6;
8
- }
9
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
10
- background: white;
11
- }
12
- .video-js.skin_news .vjs-control-bar{
13
- z-index: 1 !important;
14
- height: 5em !important;
15
- background: black !important;
16
- }
17
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
18
- display: flex;
19
- align-items: center;
20
- justify-content: center;
21
- }
22
-
23
- .video-js.skin_news .vjs-fade>* {
24
- visibility: hidden !important;
25
- opacity: 0 !important;
26
- transition: visibility 1s, opacity 1s !important;
27
- }
28
-
29
- .video-js.skin_news .custom-spaced-progress-bar {
30
- position: absolute;
31
- width: 100%;
32
- display: flex;
33
- height: 0.5em;
34
- top: -0.5em;
35
- }
36
-
37
- .video-js.skin_news .vjs-progress-control {
38
- /* left: -6px; */
39
- position: relative;
40
- width: 100%;
41
- height: 0.5em;
42
- transition: height 0.1s, top 0.1s;
43
- }
44
-
45
-
46
-
47
-
48
- .video-js.skin_news .vjs-custom-control-spacer {
49
- display: block;
50
- flex: 1 1 auto;
51
- }
52
-
53
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
54
- margin: 0 0px 0 0px;
55
- }
56
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
57
- display: none;
58
- }
59
-
60
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
61
- font-size: 14px;
62
- font-weight: 500;
63
- align-self: center;
64
- height: min-content;
65
- padding: 5px 2px;
66
- border-radius: 8px;
67
- }
68
-
69
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
70
- height: 6px !important;
71
- }
72
-
73
- .video-js.skin_news .vjs-play-progress:before {
74
- font-size: 1.5em;
75
- line-height: unset;
76
- top: -0.3333333333em;
77
- }
78
-
79
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
80
- display: none !important;
81
- }
82
-
83
- /* */
84
- .video-js.skin_news .vjs-mouse-display{
85
- font-size: 1.6666666667em;
86
- }
87
-
88
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
89
- font-size: 1em !important;
90
- }
91
-
92
- .video-js.skin_news .vjs-button{
93
- width: 5.3em;
94
- display: flex;
95
- align-items: center;
96
- justify-content: center;
97
- }
98
-
99
-
100
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
101
- .icon-maximize {
102
- display: block;
103
- height: 32px;
104
- }
105
-
106
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
107
- line-height: 4;
108
- }
109
-
110
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
111
- .icon-minimize {
112
- display: none;
113
- height: 32px;
114
- }
115
-
116
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
117
- outline: none !important;
118
- }
119
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
120
- .vjs-icon-fullscreen-enter:before {
121
- /* content: '' !important; */
122
- }
123
-
124
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
125
- display: flex;
126
- justify-content: center;
127
- align-items: center;
128
- /* transform: rotate(90deg); */
129
- }
130
-
131
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
132
- display: none;
133
- }
134
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
135
- margin-left: -10px;
136
- }
137
-
138
- .video-js.skin_news .skipbtn:hover{
139
- cursor: pointer;
140
- }
141
-
142
- .video-js.skin_news .rewindbtn:hover{
143
- cursor: pointer;
144
- }
145
-
146
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
147
- position: relative;
148
- padding-left: 0;
149
- }
150
-
151
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
152
- display: none !important;
153
- }
154
-
155
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
156
- width: 90px;
157
- height: 90px;
158
- display: flex;
159
- justify-content: center;
160
- align-items: center;
161
- border-radius: 50%;
162
- position: absolute;
163
- top: 0;
164
- left: 0;
165
- right: 0;
166
- bottom: 0;
167
- margin: auto;
168
- font-size: 6em;
169
- line-height: 1.4em;
170
- border: 0.05em solid;
171
- color: inherit;
172
- }
173
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
174
- font-weight: bold;
175
- }
176
-
177
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
178
- bottom: 2.4em !important;
179
- right: -1em;
180
- z-index: 1;
181
- }
182
-
183
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
184
- width: 24px !important;
185
- height: 24px !important;
186
- }
187
- .settings-selector-icon>svg{
188
- height: 19px !important;
189
- width: 19px !important;
190
- }
191
-
192
-
193
- .video-js.skin_news button.vjs-rewind-button{
194
- cursor: pointer;
195
- }
196
-
197
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
198
- padding-right: 0;
199
- }
200
-
201
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
202
- padding-left: 0;
203
- }
204
-
205
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
206
- padding-left: 0;
207
- padding-right: 0;
208
- display: flex;
209
- justify-content: center;
210
- width: min-content;
211
- }
212
-
213
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
214
- display: none
215
- }
216
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
217
- display: none
218
- }
219
-
220
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
221
- display: flex;
222
- align-items: center;
223
- font-weight: 700;
224
- font-size: 12px;
225
- min-width: 1.2em;
226
- }
227
-
228
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
229
- display: none;
230
- font-size: 11px;
231
- justify-content: center;
232
- align-items: center;
233
- user-select: none;
234
- }
235
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
236
- display: none;
237
- }
238
-
239
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
240
- height: min-content;
241
- width: min-content;
242
- }
243
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
244
- width: 6em;
245
- }
246
-
247
- .video-js.skin_news .content{
248
- bottom: 3.4rem !important;
249
- right: -4rem !important;
250
- }
251
-
252
- .setting-icon > svg{
253
- height:18px !important;
254
- }
255
-
256
- .output-overlay{
257
- position: absolute;
258
- bottom: 0;
259
- height: 100%;
260
- width: 100%;
261
- z-index: 0;
262
- border: 0;
263
- pointer-events:none
264
- }
265
-
266
- iframe{
267
- width: 100%;
268
- height: 100%;
269
- }
270
-
271
- .video-js.skin_news .vjs-live-control{
272
- align-items: center;
273
- }
274
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
275
- height: 2.2em;
276
- display: flex;
277
- align-items: center;
278
- font-family: monospace;
279
- width: 4em;
280
- justify-content: center;
281
- background: red;
282
- margin: 4px 0px 4px 12px;
283
- }
284
-
285
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
286
- text-shadow: none;
287
- }
288
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
289
- display: none;
290
- font-size: 12px;
291
- }
292
-
293
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
294
- height: 2.2em;
295
- display: inline-flex;
296
- align-items: center;
297
- /* font-family: monospace; */
298
- justify-content: center;
299
- border: 2px solid;
300
- margin: 4px 0px 4px 6px;
301
- white-space: pre;
302
- padding: 0px 6px;
303
- font-size: 1.2em;
304
- font-weight: 500;
305
- color: rgba(255, 255, 2555, 0.7);
306
-
307
- letter-spacing: -.1px;
308
- line-height: normal;
309
- text-transform: uppercase;
310
- color: #FFFFFF;
311
- opacity: .7;
312
- font-family: "Proxima Nova";
313
- }
314
-
315
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
316
- opacity: 1;
317
- }
318
-
319
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
320
- content: "NOT LIVE";
321
- }
322
-
323
- .settings-selection.vjs-control.vjs-button{
324
- display: flex !important;
325
- }
326
-
327
- @media(max-width:576px){
328
- .settings-selection.vjs-control.vjs-button{
329
- display: none !important;
330
- }
331
- }
332
-
333
-
334
- @media(max-width:576px){
335
- .tvProviderImage{
336
- display: none
337
- }
338
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
339
- .icon-maximize {
340
- height: 30px !important;
341
- }
342
-
343
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
344
- .icon-minimize {
345
- height: 30px !important;
346
- }
347
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
348
- width: 4.5em;
349
- }
350
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
351
- height: min-content;
352
- }
353
-
354
- .video-js.skin_news button.vjs-slowmo-button{
355
- display: none;
356
- }
357
- .video-js.skin_news button.vjs-rewind-button{
358
- display: none;
359
- }
360
- .video-js.skin_news button.vjs-rewind-button>svg{
361
- height: 20px;
362
- }
363
- .video-js.skin_news .vjs-button{
364
- width: 4.8em;
365
- }
366
- .video-js.skin_news .widget-selection{
367
- display: none;
368
- }
369
- .video-js.skin_news .container{
370
- display: none !important;
371
- }
372
- .video-js.skin_news .vjs-control-bar{
373
- height: 4em !important;
374
- }
375
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
376
- font-size: 2.5em;
377
- line-height: 1.5;
378
- }
379
- .video-js.skin_news .vjs-play-progress:before {
380
- font-size: 1.2em;
381
- position: absolute;
382
- right: -0.5em;
383
- z-index: 1;
384
- }
385
- .video-js.skin_news button.vjs-skip-button>svg{
386
- height: 20px;
387
- }
388
- .video-js.skin_news button.vjs-big-play-button {
389
- width: 50px !important;
390
- height: 50px !important;
391
- font-size: 2.1rem !important;
392
- }
393
-
394
- .stream-selector-icon>svg{
395
- width: 24px;
396
- height: 24px;
397
- }
398
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
399
- margin: 0 12px 0 12px;
400
- }
401
- .video-js.skin_news .vjs-seek-to-live-text{
402
- font-size: 12px;
403
- }
404
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
405
- margin: 0 12px 0 12px;
406
- }
407
- }
408
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
409
- width: 90px;
410
- height: 90px;
411
- display: flex;
412
- justify-content: center;
413
- align-items: center;
414
- border-radius: 50%;
415
- position: absolute;
416
- top: 0;
417
- left: 0;
418
- right: 0;
419
- bottom: 0;
420
- margin: auto;
421
- font-size: 6em;
422
- line-height: 1.4em;
423
- }
424
-
425
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
426
- display: flex;
427
- justify-content: center;
428
- align-items: center;
429
- height: 100%;
430
- transition: width 0.1s;
431
- }
432
-
433
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
434
- display: flex;
435
- justify-content: center;
436
- align-items: center;
437
- height: 100%;
438
- transition: width 0.1s;
439
- }
440
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
441
- display: none !important;
442
- }
443
- .video-js.skin_news .ssai-ad-container{
444
- position: absolute;
445
- bottom: 14px;
446
- }
447
-
448
- @media (max-width: 576px) {
449
- .video-js.skin_news .ssai-ad-container{
450
- bottom: 2px;
451
- }
452
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
453
- height: 5px !important;
454
- }
455
- .video-js.skin_news button.vjs-big-play-button {
456
- width: 50px !important;
457
- height: 50px !important;
458
- font-size: 2.1rem !important;
459
- }
460
-
461
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
462
- display: none;
463
- }
464
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
465
- bottom: 2.4em !important;
466
- right: -1em;
467
- z-index: 1;
468
- }
469
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
470
- display: none !important;
471
- }
472
-
473
- .video-js.skin_news .vjs-text-track-display-ttml span {
474
- color: white !important;
475
- font-size: 13px !important;
476
- background-color: black !important;
477
- }
478
- }
479
-
480
- .video-js.skin_news .vjs-text-track-display-ttml span {
481
- color: white !important;
482
- font-size: 16px !important;
483
- background-color: black !important;
484
- }
485
-
486
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
487
- margin-bottom: 2rem !important;
488
- }
489
-
490
- .video-js.skin_news .vjs-text-track-display-ttml p {
491
- font-size: 18px !important;
492
- }
493
-
494
-
495
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
496
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
497
- font-size: 1.2em !important;
498
- line-height: 1.5em !important;
499
- padding: 0.2em 0.8em !important;
500
- }
501
-
502
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
503
- content: none !important;
504
- fill: none !important;
505
- filter: none !important;
506
- }
507
-
508
- /* svg icons opacity and hover effect */
509
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
510
- opacity: 0.7 !important;
511
- }
512
-
513
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
514
- opacity: 1 !important;
515
- }
516
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
517
- opacity: 0.7 !important;
518
- }
519
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
520
- opacity: 1 !important;
521
- }
522
-
523
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
524
- color: rgba(255, 255, 2555, 0.7)!important;
525
- }
526
-
527
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
528
- color: rgba(255, 255, 2555, 1)!important;
529
- }
530
-
531
5
 
532
6
 
533
7
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
@@ -541,28 +15,6 @@ iframe{
541
15
  height: 100%;
542
16
  }
543
17
 
544
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
545
- line-height: 2.5;
546
- }
547
-
548
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
549
- height: 19px;
550
- width: 19px;
551
- cursor: pointer;
552
- }
553
- .video-js.skin_vlone .vjs-control {
554
- user-select: none;
555
- }
556
- .video-js.skin_vlone .vjs-custom-control-spacer{
557
- user-select: none;
558
- }
559
-
560
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
561
- height: 19px;
562
- width: 19px;
563
- cursor: pointer;
564
- }
565
-
566
18
  .video-js.skin_vlone .vjs-play-progress:before {
567
19
  display: none !important;
568
20
  }
@@ -653,9 +105,6 @@ iframe{
653
105
  background: red;
654
106
  margin: 4px 0px 4px 12px;
655
107
  }
656
- .video-js.skin_vlone .vjs-live-display:hover{
657
- cursor: pointer;
658
- }
659
108
 
660
109
  .video-js.skin_vlone .vjs-time-control {
661
110
  line-height: 3.5em !important;
@@ -670,1075 +119,36 @@ iframe{
670
119
  margin-left: 16px !important;
671
120
  }
672
121
 
673
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
674
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
675
- font-size: 1.2em !important;
676
- line-height: 1.5em !important;
677
- padding: 0.2em 0.8em !important;
678
- }
679
-
680
-
681
- /* Big play */
682
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
683
- width: 80px;
684
- height: 80px;
685
- display: flex;
686
- justify-content: center;
687
- align-items: center;
688
- border: none;
689
- position: absolute;
690
- top: 0;
691
- left: 0;
692
- right: 0;
693
- bottom: 0;
694
- margin: auto;
695
- font-size: 5em;
696
- line-height: 1.3em;
697
- transform: none !important;
698
- border-radius: 1.3em;
699
- }
700
- .video-js.skin_vlone .ssai-ad-container{
701
- position: absolute;
702
- bottom: 4px;
703
- }
704
-
705
- @media(max-width:600px){
706
- .video-js.skin_vlone button.vjs-big-play-button {
707
- width: 50px !important;
708
- height: 50px !important;
709
- font-size: 2.1rem !important;
710
- }
711
-
712
- .video-js.skin_vlone .ssai-ad-container {
713
- position: absolute;
714
- bottom: 2px;
715
- }
716
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
717
- display: none;
718
- }
719
-
720
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
721
- display: none;
722
- }
723
-
724
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
725
- display: none;
726
- }
727
- }
728
-
729
-
730
-
731
- .video-js .content {
732
- border-radius: 0;
733
- background-color: rgba(43, 51, 63, 0.7);
734
- }
735
- .video-js .resolution {
736
- min-width: 100px;
737
- }
738
- .video-js .content .resolution .title {
739
- display: none;
740
- }
741
- .video-js .resolution .rendition{
742
- display: flex;
743
- list-style: none;
744
- margin: 0;
745
- line-height: 1.4em;
746
- font-size: 12px;
747
- text-align: center;
748
- }
749
- .video-js .rendition {
750
- padding: 4px 20px;
751
- }
752
- .video-js .rendition span {
753
- background: none;
754
- }
755
- .video-js .resolution .renditions .relative:hover {
756
- background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
757
- }
758
- .video-js .resolution .renditions .relative .rendition.selected {
759
- background-color: #fff;
760
- color: #2B333F;
761
- font-weight: normal;
762
- }
763
-
764
- .video-js .resolution .renditions .relative .rendition.selected span{
765
- color: #2B333F;
766
- font-weight: bold
767
- }
768
-
769
-
770
-
771
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
772
- font-size: 2.2em;
773
- line-height: 2.6;
774
- }
775
- .video-js.skin_mini{
776
- overflow: hidden;
777
- }
778
- .video-js.skin_mini .vjs-control-bar{
779
- z-index: 1 !important;
780
- height: 4em !important;
781
- background: black !important;
782
- }
783
-
784
- .video-js.skin_mini .vjs-fade>* {
785
- visibility: hidden !important;
786
- opacity: 0 !important;
787
- transition: visibility 1s, opacity 1s !important;
788
- }
789
-
790
- .video-js.skin_mini .custom-spaced-progress-bar {
791
- position: absolute;
792
- width: 100%;
793
- display: flex;
794
- height: 0.5em;
795
- top: -0.5em;
796
- }
797
-
798
- .video-js.skin_mini .vjs-progress-control {
799
- /* left: -6px; */
800
- position: relative;
801
- width: 100%;
802
- height: 0.5em;
803
- transition: height 0.1s, top 0.1s;
804
- }
805
-
806
-
807
-
808
-
809
- .video-js.skin_mini .vjs-custom-control-spacer {
810
- display: block;
811
- flex: 1 1 auto;
812
- }
813
-
814
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
815
- margin: 0 0px 0 0px;
816
- }
817
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
818
- display: none;
819
- }
820
-
821
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
822
- font-size: 14px;
823
- font-weight: 500;
824
- align-self: center;
825
- height: min-content;
826
- padding: 5px 2px;
827
- border-radius: 8px;
828
- }
829
-
830
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
831
- height: 5px !important;
832
- }
833
-
834
- .video-js.skin_mini .vjs-play-progress:before {
835
- font-size: 1.3em;
836
- line-height: unset;
837
- top: -0.3333333333em;
838
- }
839
-
840
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
841
- display: none !important;
842
- }
843
-
844
- /* */
845
- .video-js.skin_mini .vjs-mouse-display{
846
- font-size: 1.6666666667em;
847
- }
848
-
849
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
850
- font-size: 1em !important;
851
- }
852
-
853
- .video-js.skin_mini .vjs-button{
854
- width: 3em;
855
- display: flex;
856
- align-items: center;
857
- justify-content: center;
858
- }
859
-
860
-
861
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
862
- .icon-maximize {
863
- display: block;
864
- height: 32px;
865
- }
866
-
867
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
868
- line-height: 4;
869
- }
870
-
871
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
872
- .icon-minimize {
873
- display: none;
874
- height: 32px;
875
- }
876
-
877
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
878
- outline: none !important;
879
- }
880
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
881
- .vjs-icon-fullscreen-enter:before {
882
- /* content: '' !important; */
883
- }
884
-
885
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
886
- display: flex;
887
- justify-content: center;
888
- align-items: center;
889
- /* transform: rotate(90deg); */
890
- }
891
-
892
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
893
- display: none;
894
- }
895
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
896
- margin-left: -10px;
897
- display: none;
898
- }
899
-
900
- .video-js.skin_mini .vjs-loading-spinner {
901
- position: absolute;
902
- top: 50%;
903
- left: 50%;
904
- transform: translate(-50%, -50%);
905
- opacity: .85;
906
- text-align: left;
907
- border: .2em solid rgba(43, 51, 63, .7);
908
- box-sizing: border-box;
909
- background-clip: padding-box;
910
- width: 3em;
911
- height: 3em;
912
- border-radius: 50%;
913
- visibility: hidden;
914
- }
915
-
916
- .video-js.skin_mini .skipbtn:hover{
917
- cursor: pointer;
918
- }
919
-
920
- .video-js.skin_mini .rewindbtn:hover{
921
- cursor: pointer;
922
- }
923
-
924
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
925
- position: relative;
926
- padding-left: 0;
927
- }
928
-
929
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
930
- width: 40px;
931
- height: 40px;
932
- display: flex;
933
- justify-content: center;
934
- align-items: center;
935
- border: none;
936
- position: absolute;
937
- top: 0;
938
- left: 0;
939
- right: 0;
940
- bottom: 0;
941
- margin: auto;
942
- font-size: 3em;
943
- line-height: 1.3em;
944
- transform: none !important;
945
- border-radius: 1.3em;
946
- }
947
-
948
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
949
- font-weight: bold;
950
- }
951
-
952
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
953
- bottom: 1.1em !important;
954
- right: 1em;
955
- z-index: 1;
956
- font-size: 10px;
957
- }
958
-
959
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
960
- width: 24px !important;
961
- height: 24px !important;
962
- }
963
- .video-js.skin_mini .settings-selector-icon>svg{
964
- height: 19px !important;
965
- width: 19px !important;
966
- }
967
-
968
-
969
- .video-js.skin_mini button.vjs-rewind-button{
970
- cursor: pointer;
971
- }
972
-
973
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
974
- padding-right: 0;
975
- }
976
-
977
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
978
- padding-left: 0;
979
- }
980
-
981
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
982
- padding-left: 0;
983
- padding-right: 0;
984
- display: flex;
985
- justify-content: center;
986
- width: min-content;
987
- }
988
-
989
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
990
- display: none
991
- }
992
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
993
- display: none
994
- }
995
-
996
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
997
- display: flex;
998
- align-items: center;
999
- font-weight: 700;
1000
- font-size: 9px;
1001
- min-width: 0.8em;
1002
- padding-left: 0;
1003
- }
1004
-
1005
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1006
- display: none;
1007
- font-size: 11px;
1008
- justify-content: center;
1009
- align-items: center;
1010
- user-select: none;
1011
- }
1012
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1013
- display: none;
1014
- }
1015
-
1016
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1017
- height: min-content;
1018
- width: min-content;
1019
- }
1020
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1021
- width: 3em;
1022
- margin-right: 4px;
1023
- }
1024
-
1025
- .video-js.skin_mini .content{
1026
- bottom: 3.4rem !important;
1027
- right: -4rem !important;
1028
- }
1029
-
1030
- .video-js.skin_mini .setting-icon > svg{
1031
- height:18px !important;
1032
- }
1033
-
1034
- .output-overlay{
1035
- position: absolute;
1036
- bottom: 0;
1037
- height: 100%;
1038
- width: 100%;
1039
- z-index: 0;
1040
- border: 0;
1041
- pointer-events:none
1042
- }
1043
-
1044
- iframe{
1045
- width: 100%;
1046
- height: 100%;
1047
- }
1048
-
1049
- .video-js.skin_mini .vjs-live-control{
1050
- align-items: center;
1051
- max-width: 5em;
1052
- }
1053
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1054
- height: 2.2em;
1055
- display: flex;
1056
- align-items: center;
1057
- font-family: monospace;
1058
- width: 4em;
1059
- justify-content: center;
1060
- background: red;
1061
- margin: 4px 0px 4px 2px;
1062
- }
1063
-
1064
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1065
- text-shadow: none;
1066
- }
1067
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1068
- display: none;
1069
- font-size: 12px;
1070
- }
1071
-
1072
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1073
- height: 1.8em;
1074
- display: inline-flex;
1075
- align-items: center;
1076
- font-family: monospace;
1077
- justify-content: center;
1078
- border: 1.5px solid;
1079
- margin: 4px 0px 4px 2px;
1080
- white-space: pre;
1081
- padding: 2px 4px;
1082
- font-size: 1.2em;
1083
- font-weight: 500;
1084
- color: rgba(255, 255, 2555, 0.7);
1085
- }
1086
-
1087
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1088
- content: "NOT LIVE";
1089
- word-spacing: -4px;
1090
- }
1091
-
1092
-
1093
- @media(max-width:600px){
1094
- .tvProviderImage{
1095
- display: none
1096
- }
1097
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1098
- .icon-maximize {
1099
- height: 30px !important;
1100
- }
1101
-
1102
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1103
- .icon-minimize {
1104
- height: 30px !important;
1105
- }
1106
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1107
- width: 3.5em;
1108
- }
1109
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1110
- height: min-content;
1111
- }
1112
-
1113
- .video-js.skin_mini button.vjs-slowmo-button{
1114
- display: none;
1115
- }
1116
- .video-js.skin_mini button.vjs-rewind-button{
1117
- display: none;
1118
- }
1119
- .video-js.skin_mini button.vjs-rewind-button>svg{
1120
- height: 20px;
1121
- }
1122
- .video-js.skin_mini .vjs-button{
1123
- width: 3em;
1124
- }
1125
- .video-js.skin_mini .widget-selection{
1126
- display: none;
1127
- }
1128
- .video-js.skin_mini .container{
1129
- display: none !important;
1130
- }
1131
- .video-js.skin_mini .vjs-control-bar{
1132
- height: 4em !important;
1133
- }
1134
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1135
- font-size: 2.5em;
1136
- line-height: 1.5;
1137
- }
1138
- .video-js.skin_mini .vjs-play-progress:before {
1139
- font-size: 1.2em;
1140
- position: absolute;
1141
- right: -0.5em;
1142
- z-index: 1;
1143
- }
1144
- .video-js.skin_mini button.vjs-skip-button>svg{
1145
- height: 20px;
1146
- }
1147
-
1148
- .stream-selector-icon>svg{
1149
- width: 24px;
1150
- height: 24px;
1151
- }
1152
- .video-js.skin_mini .vjs-seek-to-live-text{
1153
- font-size: 12px;
1154
- }
1155
-
1156
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1157
- color: white !important;
1158
- font-size: 16px !important;
1159
- background-color: rgba(0,0,0,0.2) !important;
1160
- }
1161
- }
1162
-
1163
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1164
- color: white !important;
1165
- font-size: 16px !important;
1166
- background-color: rgba(0,0,0,0.2) !important;
1167
- }
1168
-
1169
- .video-js.skin_mini .vjs-text-track-display-ttml p {
1170
- font-size: 18px !important;
1171
- }
1172
-
1173
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1174
- margin-bottom: 1rem !important;
1175
- }
1176
-
1177
-
1178
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1179
- display: flex;
1180
- justify-content: center;
1181
- align-items: center;
1182
- height: 100%;
1183
- transition: width 0.1s;
1184
- }
1185
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1186
- margin: 2px;
1187
- }
1188
-
1189
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1190
- display: flex;
1191
- justify-content: center;
1192
- align-items: center;
1193
- height: 100%;
1194
- transition: width 0.1s;
1195
- }
1196
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1197
- display: grid;
1198
- font-size: 10px;
1199
- grid-template-columns: 1fr;
1200
- grid-template-rows: 1fr;
1201
- padding: 1px 0px 0 0px;
1202
- margin: 0;
1203
- }
1204
-
1205
- @media (max-width: 600px) {
1206
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1207
- height: 5px !important;
1208
- }
1209
-
1210
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1211
- display: none;
1212
- }
1213
-
1214
- }
1215
-
1216
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1217
- content: none !important;
1218
- fill: none !important;
1219
- filter: none !important;
1220
- }
1221
-
1222
- /* svg icons opacity and hover effect */
1223
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1224
- opacity: 0.7 !important;
1225
- }
1226
-
1227
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1228
- opacity: 1 !important;
1229
- }
1230
-
1231
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1232
- color: rgba(255, 255, 2555, 0.7)!important;
1233
- }
1234
-
1235
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1236
- color: rgba(255, 255, 2555, 1)!important;
1237
- }
1238
-
1239
-
1240
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1241
- font-size: 2.2em;
1242
- line-height: 2.6;
1243
- }
1244
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1245
- background: #fcb700;
1246
- }
1247
- .video-js.skin_news_live .vjs-control-bar{
1248
- z-index: 1 !important;
1249
- height: 5em !important;
1250
- background: black !important;
1251
- }
1252
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1253
- display: flex;
1254
- align-items: center;
1255
- justify-content: center;
1256
- }
1257
-
1258
- .video-js.skin_news_live .vjs-fade>* {
1259
- visibility: hidden !important;
1260
- opacity: 0 !important;
1261
- transition: visibility 1s, opacity 1s !important;
1262
- }
1263
-
1264
- .video-js.skin_news_live .custom-spaced-progress-bar {
1265
- position: absolute;
1266
- width: 100%;
1267
- display: flex;
1268
- height: 0.5em;
1269
- top: -0.5em;
1270
- }
1271
-
1272
- .video-js.skin_news_live .vjs-progress-control {
1273
- /* left: -6px; */
1274
- position: relative;
1275
- width: 100%;
1276
- height: 0.5em;
1277
- transition: height 0.1s, top 0.1s;
1278
- }
1279
-
1280
- .video-js.skin_news_live .vjs-volume-panel{
1281
- min-width: 5.3em;
1282
- }
1283
-
1284
-
1285
-
1286
- .video-js.skin_news_live .vjs-custom-control-spacer {
1287
- /* display: block; */
1288
- /* flex: 1 1 auto; */
1289
- }
1290
-
1291
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1292
- margin: 0 0px 0 0px;
1293
- }
1294
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1295
- display: none;
1296
- }
1297
-
1298
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1299
- font-size: 14px;
1300
- font-weight: 500;
1301
- align-self: center;
1302
- height: min-content;
1303
- padding: 5px 2px;
1304
- border-radius: 8px;
1305
- }
1306
-
1307
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1308
- height: 6px !important;
1309
- }
1310
-
1311
- .video-js.skin_news_live .vjs-play-progress:before {
1312
- font-size: 1.5em;
1313
- line-height: unset;
1314
- top: -0.3333333333em;
1315
- }
1316
-
1317
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1318
- display: none !important;
1319
- }
1320
-
1321
- /* */
1322
- .video-js.skin_news_live .vjs-mouse-display{
1323
- font-size: 1.6666666667em;
1324
- }
1325
-
1326
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1327
- font-size: 1em !important;
1328
- }
1329
-
1330
- .video-js.skin_news_live .vjs-button{
1331
- width: 5.3em;
1332
- display: flex;
1333
- align-items: center;
1334
- justify-content: center;
1335
- }
1336
-
1337
-
1338
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1339
- .icon-maximize {
1340
- display: block;
1341
- height: 32px;
1342
- }
1343
-
1344
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1345
- line-height: 4;
1346
- }
1347
-
1348
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1349
- .icon-minimize {
1350
- display: none;
1351
- height: 32px;
1352
- }
1353
-
1354
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1355
- outline: none !important;
1356
- /* flex: 1; */
1357
- }
1358
- .video-js.skin_news_live .vjs-play-toggle-container{
1359
- display: flex;
1360
- flex: 1;
1361
- justify-content: center;
1362
- }
1363
-
1364
-
1365
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1366
- .vjs-icon-fullscreen-enter:before {
1367
- /* content: '' !important; */
1368
- }
1369
-
1370
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1371
- display: flex;
1372
- justify-content: center;
1373
- align-items: center;
1374
- /* transform: rotate(90deg); */
1375
- }
1376
-
1377
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1378
- display: none;
1379
- }
1380
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1381
- margin-left: -10px;
1382
- }
1383
-
1384
- .video-js.skin_news_live .skipbtn:hover{
1385
- cursor: pointer;
1386
- }
1387
-
1388
- .video-js.skin_news_live .rewindbtn:hover{
1389
- cursor: pointer;
1390
- }
1391
-
1392
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1393
- position: relative;
1394
- padding-left: 0;
1395
- }
1396
-
1397
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1398
- display: none !important;
1399
- }
1400
-
1401
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1402
- /* width: 90px;
1403
- height: 90px;
1404
- display: flex;
1405
- justify-content: center;
1406
- align-items: center;
1407
- border-radius: 50%;
1408
- position: absolute;
1409
- top: 0;
1410
- left: 0;
1411
- right: 0;
1412
- bottom: 0;
1413
- margin: auto;
1414
- font-size: 6em;
1415
- line-height: 1.4em;
1416
- border: 0.05em solid;
1417
- color: inherit; */
1418
- display: none !important;
1419
- }
1420
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1421
- font-weight: bold;
1422
- }
1423
-
1424
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1425
- bottom: 2.4em !important;
1426
- right: -1em;
1427
- z-index: 1;
1428
- }
1429
-
1430
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1431
- width: 24px !important;
1432
- height: 24px !important;
1433
- }
1434
- .settings-selector-icon>svg{
1435
- height: 19px !important;
1436
- width: 19px !important;
1437
- }
1438
-
1439
-
1440
- .video-js.skin_news_live button.vjs-rewind-button{
1441
- cursor: pointer;
1442
- }
1443
-
1444
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1445
- padding-right: 0;
1446
- display: none;
1447
- }
1448
-
1449
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1450
- padding-left: 0;
1451
- display: none;
1452
- }
1453
-
1454
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1455
- padding-left: 0;
1456
- padding-right: 0;
1457
- display: none;
1458
- }
1459
-
1460
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1461
- display: none
1462
- }
1463
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1464
- display: none
1465
- }
1466
-
1467
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1468
- display: flex;
1469
- align-items: center;
1470
- font-weight: 700;
1471
- font-size: 12px;
1472
- min-width: 1.2em;
1473
- }
1474
-
1475
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1476
- display: none;
1477
- font-size: 11px;
1478
- justify-content: center;
1479
- align-items: center;
1480
- user-select: none;
1481
- }
1482
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1483
- display: none;
1484
- }
1485
-
1486
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1487
- height: min-content;
1488
- width: min-content;
1489
- }
1490
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1491
- width: 6em;
1492
- }
1493
-
1494
- .video-js.skin_news_live .content{
1495
- bottom: 3.4rem !important;
1496
- right: -4rem !important;
1497
- }
1498
-
1499
- .setting-icon > svg{
1500
- height:18px !important;
1501
- }
1502
-
1503
- .output-overlay{
1504
- position: absolute;
1505
- bottom: 0;
1506
- height: 100%;
1507
- width: 100%;
1508
- z-index: 0;
1509
- border: 0;
1510
- pointer-events:none
1511
- }
1512
-
1513
- iframe{
1514
- width: 100%;
1515
- height: 100%;
1516
- }
1517
-
1518
- .video-js.skin_news_live .vjs-live-control{
1519
- align-items: center;
1520
- display: none;
1521
- }
1522
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1523
- height: 2.2em;
1524
- display: flex;
1525
- align-items: center;
1526
- font-family: monospace;
1527
- width: 4em;
1528
- justify-content: center;
1529
- background: red;
1530
- margin: 4px 0px 4px 12px;
1531
- }
1532
-
1533
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1534
- text-shadow: none;
1535
- }
1536
-
1537
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1538
- display: flex;
1539
- justify-content: center;
1540
- min-width: 5.3em;
1541
- pointer-events: none;
1542
- user-select: none;
1543
- }
1544
-
1545
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1546
- color: white;
1547
- }
1548
-
1549
-
1550
- .settings-selection.vjs-control.vjs-button{
1551
- display: flex !important;
1552
- }
1553
-
1554
- @media(max-width:576px){
1555
- .settings-selection.vjs-control.vjs-button{
1556
- display: none !important;
1557
- }
1558
- }
1559
-
1560
-
1561
- @media(max-width:576px){
1562
- .tvProviderImage{
1563
- display: none
1564
- }
1565
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1566
- .icon-maximize {
1567
- height: 30px !important;
1568
- }
1569
-
1570
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1571
- .icon-minimize {
1572
- height: 30px !important;
1573
- }
1574
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1575
- width: 4.5em;
1576
- }
1577
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1578
- height: min-content;
1579
- }
1580
-
1581
- .video-js.skin_news_live button.vjs-slowmo-button{
1582
- display: none;
1583
- }
1584
- .video-js.skin_news_live button.vjs-rewind-button{
1585
- display: none;
1586
- }
1587
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1588
- height: 20px;
1589
- }
1590
- .video-js.skin_news_live .vjs-button{
1591
- width: 4.8em;
1592
- }
1593
- .video-js.skin_news_live .widget-selection{
1594
- display: none;
1595
- }
1596
- .video-js.skin_news_live .container{
1597
- display: none !important;
1598
- }
1599
- .video-js.skin_news_live .vjs-control-bar{
1600
- height: 4em !important;
1601
- }
1602
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1603
- font-size: 2.5em;
1604
- line-height: 1.5;
1605
- }
1606
- .video-js.skin_news_live .vjs-play-progress:before {
1607
- font-size: 1.2em;
1608
- position: absolute;
1609
- right: -0.5em;
1610
- z-index: 1;
1611
- }
1612
- .video-js.skin_news_live button.vjs-skip-button>svg{
1613
- height: 20px;
1614
- }
1615
- .video-js.skin_news_live button.vjs-big-play-button {
1616
- width: 50px !important;
1617
- height: 50px !important;
1618
- font-size: 2.1rem !important;
1619
- }
1620
-
1621
- .stream-selector-icon>svg{
1622
- width: 24px;
1623
- height: 24px;
1624
- }
1625
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1626
- margin: 0 12px 0 12px;
1627
- }
1628
- .video-js.skin_news_live .vjs-seek-to-live-text{
1629
- font-size: 12px;
1630
- }
1631
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1632
- margin: 0 12px 0 12px;
1633
- }
1634
- }
1635
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1636
- width: 90px;
1637
- height: 90px;
1638
- display: flex;
1639
- justify-content: center;
1640
- align-items: center;
1641
- border-radius: 50%;
1642
- position: absolute;
1643
- top: 0;
1644
- left: 0;
1645
- right: 0;
1646
- bottom: 0;
1647
- margin: auto;
1648
- font-size: 6em;
1649
- line-height: 1.4em;
1650
- }
1651
-
1652
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1653
- display: flex;
1654
- justify-content: center;
1655
- align-items: center;
1656
- height: 100%;
1657
- transition: width 0.1s;
1658
- }
1659
-
1660
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1661
- display: flex;
1662
- justify-content: center;
1663
- align-items: center;
1664
- height: 100%;
1665
- transition: width 0.1s;
1666
- }
1667
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1668
- display: none !important;
1669
- }
1670
-
1671
- @media (max-width: 576px) {
1672
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1673
- height: 5px !important;
1674
- }
1675
- .video-js.skin_news_live button.vjs-big-play-button {
1676
- width: 50px !important;
1677
- height: 50px !important;
1678
- font-size: 2.1rem !important;
1679
- }
1680
-
1681
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1682
- display: none;
1683
- }
1684
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1685
- bottom: 2.4em !important;
1686
- right: -1em;
1687
- z-index: 1;
1688
- }
1689
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1690
- display: none !important;
1691
- }
1692
-
1693
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1694
- color: white !important;
1695
- font-size: 13px !important;
1696
- background-color: black !important;
1697
- }
1698
- }
1699
-
1700
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1701
- width: 100% !important;
1702
- }
1703
-
1704
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1705
- color: white !important;
1706
- font-size: 16px !important;
1707
- background-color: black !important;
1708
- }
1709
-
1710
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1711
- margin-bottom: 2rem !important;
1712
- }
1713
-
1714
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1715
- font-size: 18px !important;
1716
- }
1717
-
1718
-
1719
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1720
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1721
- font-size: 1.2em !important;
1722
- line-height: 1.5em !important;
1723
- padding: 0.2em 0.8em !important;
1724
- }
1725
-
1726
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1727
- content: none !important;
1728
- fill: none !important;
1729
- filter: none !important;
1730
- }
1731
-
1732
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1733
- color: rgba(255, 255, 2555, 0.7)!important;
1734
- }
1735
-
1736
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1737
- color: rgba(255, 255, 2555, 1)!important;
1738
- }
1739
-
1740
-
1741
122
 
123
+ /* Big play */
124
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
125
+ width: 80px;
126
+ height: 80px;
127
+ display: flex;
128
+ justify-content: center;
129
+ align-items: center;
130
+ border: none;
131
+ position: absolute;
132
+ top: 0;
133
+ left: 0;
134
+ right: 0;
135
+ bottom: 0;
136
+ margin: auto;
137
+ font-size: 5em;
138
+ line-height: 1.3em;
139
+ transform: none !important;
140
+ border-radius: 1.3em;
141
+ }
142
+
143
+
144
+ @media(max-width:600px){
145
+ .video-js.skin_vlone button.vjs-big-play-button {
146
+ width: 50px !important;
147
+ height: 50px !important;
148
+ font-size: 2.1rem !important;
149
+ }
150
+ }
151
+
1742
152
  /* CSS for videojs-dvr-seekbar */
1743
153
 
1744
154
  .video-js.vjs-dvr-seekbar {
@@ -1885,6 +295,75 @@ iframe{
1885
295
  display: none;
1886
296
  }
1887
297
 
298
+ .ssai-ad-container{
299
+ display: none;
300
+ }
301
+ .ssai-ad-container .ad-counter{
302
+ position: absolute;
303
+ bottom: 3rem;
304
+ left: 7.4rem;
305
+ color: white;
306
+ padding: 3.6px 10px;
307
+ font-size: 12px;
308
+ border-radius: 4px;
309
+ overflow: hidden;
310
+ text-overflow: ellipsis;
311
+ font-family: sans-serif;
312
+ white-space: nowrap;
313
+ -webkit-user-select: none;
314
+ -moz-user-select: none;
315
+ font-weight: 700;
316
+ text-shadow: 0 0 4px rgba(0, 0, 0, .75);
317
+ user-select: none;
318
+ }
319
+ .ad-info-icon:hover {
320
+ cursor: pointer;
321
+ }
322
+
323
+ .ssai-ad-container .ad-visit-advertiser{
324
+ position: absolute;
325
+ top: 18px;
326
+ font-size: 14px;
327
+ font-weight: 600;
328
+ right: 16px;
329
+ text-shadow: 0 0 4px rgba(0, 0, 0, .75);
330
+ cursor: pointer;
331
+ }
332
+
333
+ .ssai-ad-container .sponsored-adbox{
334
+ position: absolute;
335
+ bottom: 3rem;
336
+ font-family: sans-serif;
337
+ left: 0.8rem;
338
+ display: flex;
339
+ align-items: center;
340
+ color: white;
341
+ font-size: 12px;
342
+ border-radius: 4px;
343
+ overflow: hidden;
344
+ text-overflow: ellipsis;
345
+ white-space: nowrap;
346
+ -webkit-user-select: none;
347
+ -moz-user-select: none;
348
+ font-weight: 700;
349
+ text-shadow: 0 0 4px rgba(0, 0, 0, .75);
350
+ user-select: none;
351
+ }
352
+ .ssai-ad-container .sponsored-adbox .sponsored-text{
353
+ margin-right: 0.4rem;
354
+ }
355
+
356
+ @media (max-width:600px){
357
+ .ssai-ad-container .ad-info-title{
358
+ max-width: 190px;
359
+ }
360
+ .ssai-ad-container .ad-visit-advertiser{
361
+ right: 8px;
362
+ top: 8px;
363
+ }
364
+ }
365
+
366
+
1888
367
  .video-js .tvProviderImage {
1889
368
  position: absolute;
1890
369
  right: 1rem;
@@ -1898,13 +377,6 @@ iframe{
1898
377
  width: 100%;
1899
378
  }
1900
379
 
1901
- .video-js .tvProviderImage.vjs-fade{
1902
- opacity: 0;
1903
- -webkit-transition: opacity 0.3s;
1904
- transition: opacity 0.3s;
1905
- pointer-events: none;
1906
- }
1907
-
1908
380
 
1909
381
 
1910
382
  @media(max-width:600px) {
@@ -2002,54 +474,6 @@ iframe{
2002
474
 
2003
475
 
2004
476
 
2005
- .vjs-custom-big-mute.vjs-control{
2006
- position: absolute;
2007
- align-items: center;
2008
- background: #fcb700;
2009
- border: 0;
2010
- display: flex;
2011
- align-items: center;
2012
- height: 44px;
2013
- justify-content: center;
2014
- padding: 0;
2015
- width: 44px;
2016
- z-index: 1;
2017
- outline: none;
2018
- text-shadow:none !important;
2019
- cursor: pointer;
2020
- }
2021
- .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
2022
- display: flex;
2023
- top: 50px;
2024
- height: 50px;
2025
- width: 50px;
2026
- }
2027
- .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
2028
- height: 28px;
2029
- width: 28px;
2030
- }
2031
- .vjs-custom-big-mute.vjs-control:hover{
2032
- filter: none;
2033
- }
2034
-
2035
-
2036
- .vjs-custom-big-mute.vjs-control.tl{
2037
- top: 0;
2038
- left: 0;
2039
- margin: 15px 0 0 15px;
2040
- }
2041
-
2042
- .vjs-custom-big-mute.vjs-control.hide{
2043
- display: none !important;
2044
-
2045
- }
2046
-
2047
- .vjs-custom-big-mute.vjs-control > svg {
2048
- color: #071d39;
2049
- height: 22px;
2050
- width: 22px;
2051
- }
2052
-
2053
477
  /* nextep */
2054
478
  .next-ep-preview{
2055
479
  position: absolute;
@@ -2125,6 +549,38 @@ iframe{
2125
549
  margin-left: 8px;
2126
550
  }
2127
551
  }
552
+ /* a wrapper element that tracks the mouse vertically */
553
+ .vjs-thumbnail-holder {
554
+ position: absolute;
555
+ left: -1000px;
556
+ }
557
+
558
+ /* the thumbnail image itself */
559
+ .vjs-thumbnail {
560
+ position: absolute;
561
+ left: 0;
562
+ bottom: 1.3em;
563
+ opacity: 0;
564
+ transition: opacity .2s ease;
565
+ -webkit-transition: opacity .2s ease;
566
+ -moz-transition: opacity .2s ease;
567
+ -mz-transition: opacity .2s ease;
568
+ }
569
+
570
+ /* fade in the thumbnail when hovering over the progress bar */
571
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
572
+ .vjs-progress-control:hover .vjs-thumbnail,
573
+ .vjs-progress-control.fake-active .vjs-thumbnail,
574
+ .vjs-progress-control:active .vjs-thumbnail {
575
+ opacity: 1;
576
+ }
577
+
578
+ /* ... but hide the thumbnail when hovering directly over it */
579
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
580
+ .vjs-progress-control:active .vjs-thumbnail:active {
581
+ opacity: 0;
582
+ }
583
+
2128
584
  .video-js.vjs-quality-menu {
2129
585
  display: block;
2130
586
  }
@@ -2195,38 +651,6 @@ iframe{
2195
651
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2196
652
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2197
653
  }
2198
- /* a wrapper element that tracks the mouse vertically */
2199
- .vjs-thumbnail-holder {
2200
- position: absolute;
2201
- left: -1000px;
2202
- }
2203
-
2204
- /* the thumbnail image itself */
2205
- .vjs-thumbnail {
2206
- position: absolute;
2207
- left: 0;
2208
- bottom: 1.3em;
2209
- opacity: 0;
2210
- transition: opacity .2s ease;
2211
- -webkit-transition: opacity .2s ease;
2212
- -moz-transition: opacity .2s ease;
2213
- -mz-transition: opacity .2s ease;
2214
- }
2215
-
2216
- /* fade in the thumbnail when hovering over the progress bar */
2217
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2218
- .vjs-progress-control:hover .vjs-thumbnail,
2219
- .vjs-progress-control.fake-active .vjs-thumbnail,
2220
- .vjs-progress-control:active .vjs-thumbnail {
2221
- opacity: 1;
2222
- }
2223
-
2224
- /* ... but hide the thumbnail when hovering directly over it */
2225
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2226
- .vjs-progress-control:active .vjs-thumbnail:active {
2227
- opacity: 0;
2228
- }
2229
-
2230
654
  .vjs-poster {
2231
655
  display: inline-block;
2232
656
  vertical-align: middle;
@@ -2412,65 +836,6 @@ iframe{
2412
836
 
2413
837
  .video-js.vjs-playing .bumpable-ima-ad-container {
2414
838
  margin-top: -4em;
2415
- }
2416
- .ssai-ad-container{
2417
- display: none;
2418
- }
2419
- .ssai-ad-container .ad-counter{
2420
- position: absolute;
2421
- bottom: 3rem;
2422
- left: 6.5rem;
2423
- color: white;
2424
- padding: 3.6px 10px;
2425
- font-size: 12px;
2426
- border-radius: 4px;
2427
- overflow: hidden;
2428
- text-overflow: ellipsis;
2429
- font-family: sans-serif;
2430
- white-space: nowrap;
2431
- -webkit-user-select: none;
2432
- -moz-user-select: none;
2433
- font-weight: 700;
2434
- text-shadow: 0 0 4px rgba(0, 0, 0, .75);
2435
- user-select: none;
2436
- }
2437
- .ad-info-icon:hover {
2438
- cursor: pointer;
2439
- }
2440
-
2441
- .ssai-ad-container .sponsored-adbox{
2442
- position: absolute;
2443
- bottom: 3rem;
2444
- font-family: sans-serif;
2445
- left: 0.8rem;
2446
- padding: 3.6px 0;
2447
- display: flex;
2448
- align-items: center;
2449
- color: white;
2450
- font-size: 12px;
2451
- border-radius: 4px;
2452
- overflow: hidden;
2453
- text-overflow: ellipsis;
2454
- white-space: nowrap;
2455
- -webkit-user-select: none;
2456
- -moz-user-select: none;
2457
- font-weight: 700;
2458
- text-shadow: 0 0 4px rgba(0, 0, 0, .75);
2459
- user-select: none;
2460
- }
2461
- .ssai-ad-container .sponsored-adbox .sponsored-text{
2462
- margin-right: 0.4rem;
2463
- }
2464
-
2465
- @media (max-width:600px){
2466
- .ssai-ad-container .ad-info-title{
2467
- max-width: 190px;
2468
- }
2469
- }
2470
-
2471
- .hide-progress-bar{
2472
- display: none !important;
2473
- visibility: hidden !important;
2474
839
  }
2475
840
  /* Resolution Module */
2476
841
 
@@ -2632,10 +997,6 @@ iframe{
2632
997
  /* display: none; */
2633
998
  }
2634
999
 
2635
- .vjs-quality-menu-wrapper .vjs-menu li{
2636
- text-transform: none !important;
2637
- }
2638
-
2639
1000
  /* Resolution Module End */
2640
1001
  /* Chromecast */
2641
1002
  .video-js .vjs-chromecast-button .vjs-icon-placeholder {
@@ -2792,60 +1153,4 @@ iframe{
2792
1153
  background-image: url('https://player.viewlift.com/images/ic_airplay_white_24px.svg');
2793
1154
  }
2794
1155
 
2795
- /* Airplay end */
2796
- .vjs-dvr-btn-overlay {
2797
- position: absolute;
2798
- display: flex;
2799
- top: 0%;
2800
- left: 0%;
2801
- width: 100%;
2802
- height: 100%;
2803
- background: rgba(0, 0, 0, 0.6);
2804
- color: white;
2805
- padding: 15px 20px;
2806
- z-index: 10;
2807
- border-radius: 8px;
2808
- font-size: 16px;
2809
- align-items: center;
2810
- /*pointer-events: none;*/
2811
- }
2812
- .vjs-dvr-btn-overlay .dvr-button {
2813
- display: flex;
2814
- flex-direction: column;
2815
- width: 305px;
2816
- gap: 8px;
2817
- margin: auto;
2818
- }
2819
- .vjs-dvr-btn-overlay .dvr-button button {
2820
- display: flex;
2821
- gap: 8px;
2822
- align-items: center;
2823
- height: 51px;
2824
- border-radius: 2px;
2825
- padding: 10px 20px;
2826
- cursor: pointer;
2827
- }
2828
- .dvr-watch-live-btn svg, .watch-begin-btn svg {
2829
- cursor: pointer;
2830
- }
2831
-
2832
- div:has(> .error-container){
2833
- position: relative;
2834
- }
2835
-
2836
- .error-container{
2837
- position: absolute;
2838
- top: 0px;
2839
- width: 100%;
2840
- height: 100%;
2841
- display: flex;
2842
- flex-direction: column;
2843
- justify-content: center;
2844
- color: White;
2845
- align-items: center;
2846
- text-transform: uppercase;
2847
- }
2848
-
2849
- .error-timer-message{
2850
- margin-left: 5px;
2851
- }
1156
+ /* Airplay end */