@viewlift/player-backup 2.0.208-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 +134 -1829
  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 +134 -1829
  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-4a59e3a1.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-5f92bf1b.js +0 -1
  77. package/cjs/generic-82357fa8.js +0 -1
  78. package/cjs/helper-dbf2fb22.js +0 -1
  79. package/cjs/icons-2609dbe4.js +0 -1
  80. package/cjs/index-442d2c0a.js +0 -1
  81. package/cjs/index-7ae433c7.js +0 -1
  82. package/cjs/index-856a71d1.js +0 -1
  83. package/cjs/index-96485ab1.js +0 -1
  84. package/cjs/index-ecaec4f5.js +0 -1
  85. package/cjs/multicamv2-a439410a.js +0 -1
  86. package/cjs/multicamv2-cb3e1ce9.js +0 -1
  87. package/cjs/nextEpisodeButton-a9e2e181.js +0 -1
  88. package/cjs/player_instance-fcf6a8fb.js +0 -1
  89. package/cjs/playlist-c2e5bb96.js +0 -1
  90. package/cjs/resolution-9c4872ec.js +0 -1
  91. package/cjs/resolution-v2-830c33a9.js +0 -1
  92. package/cjs/series-60e160b8.js +0 -1
  93. package/cjs/series-v2-2105fd89.js +0 -1
  94. package/cjs/series-v2-b6715b3c.js +0 -1
  95. package/cjs/series-v2-c6f17fef.js +0 -1
  96. package/cjs/settings-icon-a419af57.js +0 -1
  97. package/cjs/skin-33bdf91d.js +0 -1
  98. package/cjs/skin-38de8257.js +0 -1
  99. package/cjs/skin-3b99aa6d.js +0 -1
  100. package/cjs/skin-5972e125.js +0 -1
  101. package/cjs/skin-5a5f9f06.js +0 -1
  102. package/cjs/skin-8acc727d.js +0 -1
  103. package/cjs/skin-8f3d874a.js +0 -1
  104. package/cjs/skin-a1ce9ae5.js +0 -1
  105. package/cjs/skin-b43f0323.js +0 -1
  106. package/cjs/skin-eeec7a85.js +0 -1
  107. package/cjs/skin-ffb2e11b.js +0 -1
  108. package/cjs/start-begin-btn-5adfa5b7.js +0 -1
  109. package/cjs/util-474e412e.js +0 -1
  110. package/cjs/videoSelector-29366db4.js +0 -1
  111. package/cjs/videoSelector-f6abcc17.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-e0e550b3.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-be5b8430.js +0 -1
  169. package/esm/features.d.ts +0 -33
  170. package/esm/generic-1a51f2ab.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-2ab55f4b.js +0 -1
  185. package/esm/index-6ecf4a3a.js +0 -1
  186. package/esm/index-80a242b0.js +0 -1
  187. package/esm/index-992745e4.js +0 -1
  188. package/esm/index-daa9de90.js +0 -1
  189. package/esm/index.d.ts +0 -44
  190. package/esm/multicamv2-a33313ca.js +0 -1
  191. package/esm/multicamv2-db44c0d1.js +0 -1
  192. package/esm/nextEpisodeButton-56f99aba.js +0 -1
  193. package/esm/player_instance-34118a5b.js +0 -1
  194. package/esm/playlist-cd2486a4.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-a6703f8c.js +0 -1
  204. package/esm/series-v2-1e833c7a.js +0 -1
  205. package/esm/series-v2-6e9853f8.js +0 -1
  206. package/esm/series-v2-c5fe70ec.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-1b4041e2.js +0 -1
  226. package/esm/skin-3547f390.js +0 -1
  227. package/esm/skin-3bd4b76f.js +0 -1
  228. package/esm/skin-6501bcf0.js +0 -1
  229. package/esm/skin-65765793.js +0 -1
  230. package/esm/skin-9441bcf5.js +0 -1
  231. package/esm/skin-aefe5ff3.js +0 -1
  232. package/esm/skin-d82f3374.js +0 -1
  233. package/esm/skin-d9b0d2f7.js +0 -1
  234. package/esm/skin-f4d262de.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-6d0199e8.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-baf82909.js +0 -1
  246. package/esm/videoSelector-e93cbca6.js +0 -1
  247. package/esm/videojs-dash5.es-20c85b48.js +0 -1
  248. package/esm/watch-live-btn-ddcfab89.js +0 -1
package/cjs/bundle.css CHANGED
@@ -1,6 +1,9 @@
1
1
 
2
2
 
3
3
 
4
+
5
+
6
+
4
7
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
5
8
  height: 0.7em;
6
9
  position: absolute;
@@ -12,28 +15,6 @@
12
15
  height: 100%;
13
16
  }
14
17
 
15
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
16
- line-height: 2.5;
17
- }
18
-
19
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
20
- height: 19px;
21
- width: 19px;
22
- cursor: pointer;
23
- }
24
- .video-js.skin_vlone .vjs-control {
25
- user-select: none;
26
- }
27
- .video-js.skin_vlone .vjs-custom-control-spacer{
28
- user-select: none;
29
- }
30
-
31
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
32
- height: 19px;
33
- width: 19px;
34
- cursor: pointer;
35
- }
36
-
37
18
  .video-js.skin_vlone .vjs-play-progress:before {
38
19
  display: none !important;
39
20
  }
@@ -124,9 +105,6 @@
124
105
  background: red;
125
106
  margin: 4px 0px 4px 12px;
126
107
  }
127
- .video-js.skin_vlone .vjs-live-display:hover{
128
- cursor: pointer;
129
- }
130
108
 
131
109
  .video-js.skin_vlone .vjs-time-control {
132
110
  line-height: 3.5em !important;
@@ -141,1604 +119,36 @@
141
119
  margin-left: 16px !important;
142
120
  }
143
121
 
144
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
145
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
146
- font-size: 1.2em !important;
147
- line-height: 1.5em !important;
148
- padding: 0.2em 0.8em !important;
149
- }
150
-
151
-
152
- /* Big play */
153
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
154
- width: 80px;
155
- height: 80px;
156
- display: flex;
157
- justify-content: center;
158
- align-items: center;
159
- border: none;
160
- position: absolute;
161
- top: 0;
162
- left: 0;
163
- right: 0;
164
- bottom: 0;
165
- margin: auto;
166
- font-size: 5em;
167
- line-height: 1.3em;
168
- transform: none !important;
169
- border-radius: 1.3em;
170
- }
171
- .video-js.skin_vlone .ssai-ad-container{
172
- position: absolute;
173
- bottom: 4px;
174
- }
175
-
176
- @media(max-width:600px){
177
- .video-js.skin_vlone button.vjs-big-play-button {
178
- width: 50px !important;
179
- height: 50px !important;
180
- font-size: 2.1rem !important;
181
- }
182
-
183
- .video-js.skin_vlone .ssai-ad-container {
184
- position: absolute;
185
- bottom: 2px;
186
- }
187
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
188
- display: none;
189
- }
190
-
191
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
192
- display: none;
193
- }
194
-
195
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
196
- display: none;
197
- }
198
- }
199
-
200
-
201
-
202
- .video-js .content {
203
- border-radius: 0;
204
- background-color: rgba(43, 51, 63, 0.7);
205
- }
206
- .video-js .resolution {
207
- min-width: 100px;
208
- }
209
- .video-js .content .resolution .title {
210
- display: none;
211
- }
212
- .video-js .resolution .rendition{
213
- display: flex;
214
- list-style: none;
215
- margin: 0;
216
- line-height: 1.4em;
217
- font-size: 12px;
218
- text-align: center;
219
- }
220
- .video-js .rendition {
221
- padding: 4px 20px;
222
- }
223
- .video-js .rendition span {
224
- background: none;
225
- }
226
- .video-js .resolution .renditions .relative:hover {
227
- background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
228
- }
229
- .video-js .resolution .renditions .relative .rendition.selected {
230
- background-color: #fff;
231
- color: #2B333F;
232
- font-weight: normal;
233
- }
234
-
235
- .video-js .resolution .renditions .relative .rendition.selected span{
236
- color: #2B333F;
237
- font-weight: bold
238
- }
239
-
240
-
241
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
242
- font-size: 2.2em;
243
- line-height: 2.6;
244
- }
245
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
246
- background: #fcb700;
247
- }
248
- .video-js.skin_news_live .vjs-control-bar{
249
- z-index: 1 !important;
250
- height: 5em !important;
251
- background: black !important;
252
- }
253
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
254
- display: flex;
255
- align-items: center;
256
- justify-content: center;
257
- }
258
-
259
- .video-js.skin_news_live .vjs-fade>* {
260
- visibility: hidden !important;
261
- opacity: 0 !important;
262
- transition: visibility 1s, opacity 1s !important;
263
- }
264
-
265
- .video-js.skin_news_live .custom-spaced-progress-bar {
266
- position: absolute;
267
- width: 100%;
268
- display: flex;
269
- height: 0.5em;
270
- top: -0.5em;
271
- }
272
-
273
- .video-js.skin_news_live .vjs-progress-control {
274
- /* left: -6px; */
275
- position: relative;
276
- width: 100%;
277
- height: 0.5em;
278
- transition: height 0.1s, top 0.1s;
279
- }
280
-
281
- .video-js.skin_news_live .vjs-volume-panel{
282
- min-width: 5.3em;
283
- }
284
-
285
-
286
-
287
- .video-js.skin_news_live .vjs-custom-control-spacer {
288
- /* display: block; */
289
- /* flex: 1 1 auto; */
290
- }
291
-
292
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
293
- margin: 0 0px 0 0px;
294
- }
295
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
296
- display: none;
297
- }
298
-
299
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
300
- font-size: 14px;
301
- font-weight: 500;
302
- align-self: center;
303
- height: min-content;
304
- padding: 5px 2px;
305
- border-radius: 8px;
306
- }
307
-
308
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
309
- height: 6px !important;
310
- }
311
-
312
- .video-js.skin_news_live .vjs-play-progress:before {
313
- font-size: 1.5em;
314
- line-height: unset;
315
- top: -0.3333333333em;
316
- }
317
-
318
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
319
- display: none !important;
320
- }
321
-
322
- /* */
323
- .video-js.skin_news_live .vjs-mouse-display{
324
- font-size: 1.6666666667em;
325
- }
326
-
327
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
328
- font-size: 1em !important;
329
- }
330
-
331
- .video-js.skin_news_live .vjs-button{
332
- width: 5.3em;
333
- display: flex;
334
- align-items: center;
335
- justify-content: center;
336
- }
337
-
338
-
339
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
340
- .icon-maximize {
341
- display: block;
342
- height: 32px;
343
- }
344
-
345
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
346
- line-height: 4;
347
- }
348
-
349
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
350
- .icon-minimize {
351
- display: none;
352
- height: 32px;
353
- }
354
-
355
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
356
- outline: none !important;
357
- /* flex: 1; */
358
- }
359
- .video-js.skin_news_live .vjs-play-toggle-container{
360
- display: flex;
361
- flex: 1;
362
- justify-content: center;
363
- }
364
-
365
-
366
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
367
- .vjs-icon-fullscreen-enter:before {
368
- /* content: '' !important; */
369
- }
370
-
371
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
372
- display: flex;
373
- justify-content: center;
374
- align-items: center;
375
- /* transform: rotate(90deg); */
376
- }
377
-
378
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
379
- display: none;
380
- }
381
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
382
- margin-left: -10px;
383
- }
384
-
385
- .video-js.skin_news_live .skipbtn:hover{
386
- cursor: pointer;
387
- }
388
-
389
- .video-js.skin_news_live .rewindbtn:hover{
390
- cursor: pointer;
391
- }
392
-
393
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
394
- position: relative;
395
- padding-left: 0;
396
- }
397
-
398
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
399
- display: none !important;
400
- }
401
-
402
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
403
- /* width: 90px;
404
- height: 90px;
405
- display: flex;
406
- justify-content: center;
407
- align-items: center;
408
- border-radius: 50%;
409
- position: absolute;
410
- top: 0;
411
- left: 0;
412
- right: 0;
413
- bottom: 0;
414
- margin: auto;
415
- font-size: 6em;
416
- line-height: 1.4em;
417
- border: 0.05em solid;
418
- color: inherit; */
419
- display: none !important;
420
- }
421
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
422
- font-weight: bold;
423
- }
424
-
425
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
426
- bottom: 2.4em !important;
427
- right: -1em;
428
- z-index: 1;
429
- }
430
-
431
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
432
- width: 24px !important;
433
- height: 24px !important;
434
- }
435
- .settings-selector-icon>svg{
436
- height: 19px !important;
437
- width: 19px !important;
438
- }
439
-
440
-
441
- .video-js.skin_news_live button.vjs-rewind-button{
442
- cursor: pointer;
443
- }
444
-
445
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
446
- padding-right: 0;
447
- display: none;
448
- }
449
-
450
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
451
- padding-left: 0;
452
- display: none;
453
- }
454
-
455
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
456
- padding-left: 0;
457
- padding-right: 0;
458
- display: none;
459
- }
460
-
461
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
462
- display: none
463
- }
464
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
465
- display: none
466
- }
467
-
468
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
469
- display: flex;
470
- align-items: center;
471
- font-weight: 700;
472
- font-size: 12px;
473
- min-width: 1.2em;
474
- }
475
-
476
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
477
- display: none;
478
- font-size: 11px;
479
- justify-content: center;
480
- align-items: center;
481
- user-select: none;
482
- }
483
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
484
- display: none;
485
- }
486
-
487
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
488
- height: min-content;
489
- width: min-content;
490
- }
491
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
492
- width: 6em;
493
- }
494
-
495
- .video-js.skin_news_live .content{
496
- bottom: 3.4rem !important;
497
- right: -4rem !important;
498
- }
499
-
500
- .setting-icon > svg{
501
- height:18px !important;
502
- }
503
-
504
- .output-overlay{
505
- position: absolute;
506
- bottom: 0;
507
- height: 100%;
508
- width: 100%;
509
- z-index: 0;
510
- border: 0;
511
- pointer-events:none
512
- }
513
-
514
- iframe{
515
- width: 100%;
516
- height: 100%;
517
- }
518
-
519
- .video-js.skin_news_live .vjs-live-control{
520
- align-items: center;
521
- display: none;
522
- }
523
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
524
- height: 2.2em;
525
- display: flex;
526
- align-items: center;
527
- font-family: monospace;
528
- width: 4em;
529
- justify-content: center;
530
- background: red;
531
- margin: 4px 0px 4px 12px;
532
- }
533
-
534
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
535
- text-shadow: none;
536
- }
537
-
538
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
539
- display: flex;
540
- justify-content: center;
541
- min-width: 5.3em;
542
- pointer-events: none;
543
- user-select: none;
544
- }
545
-
546
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
547
- color: white;
548
- }
549
-
550
-
551
- .settings-selection.vjs-control.vjs-button{
552
- display: flex !important;
553
- }
554
-
555
- @media(max-width:576px){
556
- .settings-selection.vjs-control.vjs-button{
557
- display: none !important;
558
- }
559
- }
560
-
561
-
562
- @media(max-width:576px){
563
- .tvProviderImage{
564
- display: none
565
- }
566
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
567
- .icon-maximize {
568
- height: 30px !important;
569
- }
570
-
571
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
572
- .icon-minimize {
573
- height: 30px !important;
574
- }
575
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
576
- width: 4.5em;
577
- }
578
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
579
- height: min-content;
580
- }
581
-
582
- .video-js.skin_news_live button.vjs-slowmo-button{
583
- display: none;
584
- }
585
- .video-js.skin_news_live button.vjs-rewind-button{
586
- display: none;
587
- }
588
- .video-js.skin_news_live button.vjs-rewind-button>svg{
589
- height: 20px;
590
- }
591
- .video-js.skin_news_live .vjs-button{
592
- width: 4.8em;
593
- }
594
- .video-js.skin_news_live .widget-selection{
595
- display: none;
596
- }
597
- .video-js.skin_news_live .container{
598
- display: none !important;
599
- }
600
- .video-js.skin_news_live .vjs-control-bar{
601
- height: 4em !important;
602
- }
603
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
604
- font-size: 2.5em;
605
- line-height: 1.5;
606
- }
607
- .video-js.skin_news_live .vjs-play-progress:before {
608
- font-size: 1.2em;
609
- position: absolute;
610
- right: -0.5em;
611
- z-index: 1;
612
- }
613
- .video-js.skin_news_live button.vjs-skip-button>svg{
614
- height: 20px;
615
- }
616
- .video-js.skin_news_live button.vjs-big-play-button {
617
- width: 50px !important;
618
- height: 50px !important;
619
- font-size: 2.1rem !important;
620
- }
621
-
622
- .stream-selector-icon>svg{
623
- width: 24px;
624
- height: 24px;
625
- }
626
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
627
- margin: 0 12px 0 12px;
628
- }
629
- .video-js.skin_news_live .vjs-seek-to-live-text{
630
- font-size: 12px;
631
- }
632
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
633
- margin: 0 12px 0 12px;
634
- }
635
- }
636
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
637
- width: 90px;
638
- height: 90px;
639
- display: flex;
640
- justify-content: center;
641
- align-items: center;
642
- border-radius: 50%;
643
- position: absolute;
644
- top: 0;
645
- left: 0;
646
- right: 0;
647
- bottom: 0;
648
- margin: auto;
649
- font-size: 6em;
650
- line-height: 1.4em;
651
- }
652
-
653
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
654
- display: flex;
655
- justify-content: center;
656
- align-items: center;
657
- height: 100%;
658
- transition: width 0.1s;
659
- }
660
-
661
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
662
- display: flex;
663
- justify-content: center;
664
- align-items: center;
665
- height: 100%;
666
- transition: width 0.1s;
667
- }
668
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
669
- display: none !important;
670
- }
671
-
672
- @media (max-width: 576px) {
673
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
674
- height: 5px !important;
675
- }
676
- .video-js.skin_news_live button.vjs-big-play-button {
677
- width: 50px !important;
678
- height: 50px !important;
679
- font-size: 2.1rem !important;
680
- }
681
-
682
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
683
- display: none;
684
- }
685
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
686
- bottom: 2.4em !important;
687
- right: -1em;
688
- z-index: 1;
689
- }
690
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
691
- display: none !important;
692
- }
693
-
694
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
695
- color: white !important;
696
- font-size: 13px !important;
697
- background-color: black !important;
698
- }
699
- }
700
-
701
- .video-js.skin_news_live .vjs-text-track-display-ttml {
702
- width: 100% !important;
703
- }
704
-
705
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
706
- color: white !important;
707
- font-size: 16px !important;
708
- background-color: black !important;
709
- }
710
-
711
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
712
- margin-bottom: 2rem !important;
713
- }
714
-
715
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
716
- font-size: 18px !important;
717
- }
718
-
719
-
720
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
721
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
722
- font-size: 1.2em !important;
723
- line-height: 1.5em !important;
724
- padding: 0.2em 0.8em !important;
725
- }
726
-
727
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
728
- content: none !important;
729
- fill: none !important;
730
- filter: none !important;
731
- }
732
-
733
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
734
- color: rgba(255, 255, 2555, 0.7)!important;
735
- }
736
-
737
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
738
- color: rgba(255, 255, 2555, 1)!important;
739
- }
740
-
741
-
742
-
743
-
744
-
745
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
746
- font-size: 2.2em;
747
- line-height: 2.6;
748
- }
749
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
750
- background: white;
751
- }
752
- .video-js.skin_news .vjs-control-bar{
753
- z-index: 1 !important;
754
- height: 5em !important;
755
- background: black !important;
756
- }
757
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
758
- display: flex;
759
- align-items: center;
760
- justify-content: center;
761
- }
762
-
763
- .video-js.skin_news .vjs-fade>* {
764
- visibility: hidden !important;
765
- opacity: 0 !important;
766
- transition: visibility 1s, opacity 1s !important;
767
- }
768
-
769
- .video-js.skin_news .custom-spaced-progress-bar {
770
- position: absolute;
771
- width: 100%;
772
- display: flex;
773
- height: 0.5em;
774
- top: -0.5em;
775
- }
776
-
777
- .video-js.skin_news .vjs-progress-control {
778
- /* left: -6px; */
779
- position: relative;
780
- width: 100%;
781
- height: 0.5em;
782
- transition: height 0.1s, top 0.1s;
783
- }
784
-
785
-
786
-
787
-
788
- .video-js.skin_news .vjs-custom-control-spacer {
789
- display: block;
790
- flex: 1 1 auto;
791
- }
792
-
793
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
794
- margin: 0 0px 0 0px;
795
- }
796
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
797
- display: none;
798
- }
799
-
800
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
801
- font-size: 14px;
802
- font-weight: 500;
803
- align-self: center;
804
- height: min-content;
805
- padding: 5px 2px;
806
- border-radius: 8px;
807
- }
808
-
809
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
810
- height: 6px !important;
811
- }
812
-
813
- .video-js.skin_news .vjs-play-progress:before {
814
- font-size: 1.5em;
815
- line-height: unset;
816
- top: -0.3333333333em;
817
- }
818
-
819
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
820
- display: none !important;
821
- }
822
-
823
- /* */
824
- .video-js.skin_news .vjs-mouse-display{
825
- font-size: 1.6666666667em;
826
- }
827
-
828
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
829
- font-size: 1em !important;
830
- }
831
-
832
- .video-js.skin_news .vjs-button{
833
- width: 5.3em;
834
- display: flex;
835
- align-items: center;
836
- justify-content: center;
837
- }
838
-
839
-
840
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
841
- .icon-maximize {
842
- display: block;
843
- height: 32px;
844
- }
845
-
846
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
847
- line-height: 4;
848
- }
849
-
850
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
851
- .icon-minimize {
852
- display: none;
853
- height: 32px;
854
- }
855
-
856
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
857
- outline: none !important;
858
- }
859
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
860
- .vjs-icon-fullscreen-enter:before {
861
- /* content: '' !important; */
862
- }
863
-
864
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
865
- display: flex;
866
- justify-content: center;
867
- align-items: center;
868
- /* transform: rotate(90deg); */
869
- }
870
-
871
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
872
- display: none;
873
- }
874
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
875
- margin-left: -10px;
876
- }
877
-
878
- .video-js.skin_news .skipbtn:hover{
879
- cursor: pointer;
880
- }
881
-
882
- .video-js.skin_news .rewindbtn:hover{
883
- cursor: pointer;
884
- }
885
-
886
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
887
- position: relative;
888
- padding-left: 0;
889
- }
890
-
891
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
892
- display: none !important;
893
- }
894
-
895
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
896
- width: 90px;
897
- height: 90px;
898
- display: flex;
899
- justify-content: center;
900
- align-items: center;
901
- border-radius: 50%;
902
- position: absolute;
903
- top: 0;
904
- left: 0;
905
- right: 0;
906
- bottom: 0;
907
- margin: auto;
908
- font-size: 6em;
909
- line-height: 1.4em;
910
- border: 0.05em solid;
911
- color: inherit;
912
- }
913
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
914
- font-weight: bold;
915
- }
916
-
917
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
918
- bottom: 2.4em !important;
919
- right: -1em;
920
- z-index: 1;
921
- }
922
-
923
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
924
- width: 24px !important;
925
- height: 24px !important;
926
- }
927
- .settings-selector-icon>svg{
928
- height: 19px !important;
929
- width: 19px !important;
930
- }
931
-
932
-
933
- .video-js.skin_news button.vjs-rewind-button{
934
- cursor: pointer;
935
- }
936
-
937
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
938
- padding-right: 0;
939
- }
940
-
941
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
942
- padding-left: 0;
943
- }
944
-
945
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
946
- padding-left: 0;
947
- padding-right: 0;
948
- display: flex;
949
- justify-content: center;
950
- width: min-content;
951
- }
952
-
953
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
954
- display: none
955
- }
956
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
957
- display: none
958
- }
959
-
960
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
961
- display: flex;
962
- align-items: center;
963
- font-weight: 700;
964
- font-size: 12px;
965
- min-width: 1.2em;
966
- }
967
-
968
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
969
- display: none;
970
- font-size: 11px;
971
- justify-content: center;
972
- align-items: center;
973
- user-select: none;
974
- }
975
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
976
- display: none;
977
- }
978
-
979
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
980
- height: min-content;
981
- width: min-content;
982
- }
983
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
984
- width: 6em;
985
- }
986
-
987
- .video-js.skin_news .content{
988
- bottom: 3.4rem !important;
989
- right: -4rem !important;
990
- }
991
-
992
- .setting-icon > svg{
993
- height:18px !important;
994
- }
995
-
996
- .output-overlay{
997
- position: absolute;
998
- bottom: 0;
999
- height: 100%;
1000
- width: 100%;
1001
- z-index: 0;
1002
- border: 0;
1003
- pointer-events:none
1004
- }
1005
-
1006
- iframe{
1007
- width: 100%;
1008
- height: 100%;
1009
- }
1010
-
1011
- .video-js.skin_news .vjs-live-control{
1012
- align-items: center;
1013
- }
1014
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1015
- height: 2.2em;
1016
- display: flex;
1017
- align-items: center;
1018
- font-family: monospace;
1019
- width: 4em;
1020
- justify-content: center;
1021
- background: red;
1022
- margin: 4px 0px 4px 12px;
1023
- }
1024
-
1025
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1026
- text-shadow: none;
1027
- }
1028
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1029
- display: none;
1030
- font-size: 12px;
1031
- }
1032
-
1033
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1034
- height: 2.2em;
1035
- display: inline-flex;
1036
- align-items: center;
1037
- /* font-family: monospace; */
1038
- justify-content: center;
1039
- border: 2px solid;
1040
- margin: 4px 0px 4px 6px;
1041
- white-space: pre;
1042
- padding: 0px 6px;
1043
- font-size: 1.2em;
1044
- font-weight: 500;
1045
- color: rgba(255, 255, 2555, 0.7);
1046
-
1047
- letter-spacing: -.1px;
1048
- line-height: normal;
1049
- text-transform: uppercase;
1050
- color: #FFFFFF;
1051
- opacity: .7;
1052
- font-family: "Proxima Nova";
1053
- }
1054
-
1055
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1056
- opacity: 1;
1057
- }
1058
-
1059
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1060
- content: "NOT LIVE";
1061
- }
1062
-
1063
- .settings-selection.vjs-control.vjs-button{
1064
- display: flex !important;
1065
- }
1066
-
1067
- @media(max-width:576px){
1068
- .settings-selection.vjs-control.vjs-button{
1069
- display: none !important;
1070
- }
1071
- }
1072
-
1073
-
1074
- @media(max-width:576px){
1075
- .tvProviderImage{
1076
- display: none
1077
- }
1078
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1079
- .icon-maximize {
1080
- height: 30px !important;
1081
- }
1082
-
1083
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1084
- .icon-minimize {
1085
- height: 30px !important;
1086
- }
1087
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1088
- width: 4.5em;
1089
- }
1090
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1091
- height: min-content;
1092
- }
1093
-
1094
- .video-js.skin_news button.vjs-slowmo-button{
1095
- display: none;
1096
- }
1097
- .video-js.skin_news button.vjs-rewind-button{
1098
- display: none;
1099
- }
1100
- .video-js.skin_news button.vjs-rewind-button>svg{
1101
- height: 20px;
1102
- }
1103
- .video-js.skin_news .vjs-button{
1104
- width: 4.8em;
1105
- }
1106
- .video-js.skin_news .widget-selection{
1107
- display: none;
1108
- }
1109
- .video-js.skin_news .container{
1110
- display: none !important;
1111
- }
1112
- .video-js.skin_news .vjs-control-bar{
1113
- height: 4em !important;
1114
- }
1115
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1116
- font-size: 2.5em;
1117
- line-height: 1.5;
1118
- }
1119
- .video-js.skin_news .vjs-play-progress:before {
1120
- font-size: 1.2em;
1121
- position: absolute;
1122
- right: -0.5em;
1123
- z-index: 1;
1124
- }
1125
- .video-js.skin_news button.vjs-skip-button>svg{
1126
- height: 20px;
1127
- }
1128
- .video-js.skin_news button.vjs-big-play-button {
1129
- width: 50px !important;
1130
- height: 50px !important;
1131
- font-size: 2.1rem !important;
1132
- }
1133
-
1134
- .stream-selector-icon>svg{
1135
- width: 24px;
1136
- height: 24px;
1137
- }
1138
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1139
- margin: 0 12px 0 12px;
1140
- }
1141
- .video-js.skin_news .vjs-seek-to-live-text{
1142
- font-size: 12px;
1143
- }
1144
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1145
- margin: 0 12px 0 12px;
1146
- }
1147
- }
1148
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1149
- width: 90px;
1150
- height: 90px;
1151
- display: flex;
1152
- justify-content: center;
1153
- align-items: center;
1154
- border-radius: 50%;
1155
- position: absolute;
1156
- top: 0;
1157
- left: 0;
1158
- right: 0;
1159
- bottom: 0;
1160
- margin: auto;
1161
- font-size: 6em;
1162
- line-height: 1.4em;
1163
- }
1164
-
1165
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1166
- display: flex;
1167
- justify-content: center;
1168
- align-items: center;
1169
- height: 100%;
1170
- transition: width 0.1s;
1171
- }
1172
-
1173
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1174
- display: flex;
1175
- justify-content: center;
1176
- align-items: center;
1177
- height: 100%;
1178
- transition: width 0.1s;
1179
- }
1180
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1181
- display: none !important;
1182
- }
1183
- .video-js.skin_news .ssai-ad-container{
1184
- position: absolute;
1185
- bottom: 14px;
1186
- }
1187
-
1188
- @media (max-width: 576px) {
1189
- .video-js.skin_news .ssai-ad-container{
1190
- bottom: 2px;
1191
- }
1192
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1193
- height: 5px !important;
1194
- }
1195
- .video-js.skin_news button.vjs-big-play-button {
1196
- width: 50px !important;
1197
- height: 50px !important;
1198
- font-size: 2.1rem !important;
1199
- }
1200
-
1201
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1202
- display: none;
1203
- }
1204
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1205
- bottom: 2.4em !important;
1206
- right: -1em;
1207
- z-index: 1;
1208
- }
1209
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1210
- display: none !important;
1211
- }
1212
-
1213
- .video-js.skin_news .vjs-text-track-display-ttml span {
1214
- color: white !important;
1215
- font-size: 13px !important;
1216
- background-color: black !important;
1217
- }
1218
- }
1219
-
1220
- .video-js.skin_news .vjs-text-track-display-ttml span {
1221
- color: white !important;
1222
- font-size: 16px !important;
1223
- background-color: black !important;
1224
- }
1225
-
1226
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1227
- margin-bottom: 2rem !important;
1228
- }
1229
-
1230
- .video-js.skin_news .vjs-text-track-display-ttml p {
1231
- font-size: 18px !important;
1232
- }
1233
-
1234
-
1235
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1236
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1237
- font-size: 1.2em !important;
1238
- line-height: 1.5em !important;
1239
- padding: 0.2em 0.8em !important;
1240
- }
1241
-
1242
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1243
- content: none !important;
1244
- fill: none !important;
1245
- filter: none !important;
1246
- }
1247
-
1248
- /* svg icons opacity and hover effect */
1249
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1250
- opacity: 0.7 !important;
1251
- }
1252
-
1253
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1254
- opacity: 1 !important;
1255
- }
1256
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1257
- opacity: 0.7 !important;
1258
- }
1259
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1260
- opacity: 1 !important;
1261
- }
1262
-
1263
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1264
- color: rgba(255, 255, 2555, 0.7)!important;
1265
- }
1266
-
1267
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1268
- color: rgba(255, 255, 2555, 1)!important;
1269
- }
1270
-
1271
-
1272
-
1273
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1274
- font-size: 2.2em;
1275
- line-height: 2.6;
1276
- }
1277
- .video-js.skin_mini{
1278
- overflow: hidden;
1279
- }
1280
- .video-js.skin_mini .vjs-control-bar{
1281
- z-index: 1 !important;
1282
- height: 4em !important;
1283
- background: black !important;
1284
- }
1285
-
1286
- .video-js.skin_mini .vjs-fade>* {
1287
- visibility: hidden !important;
1288
- opacity: 0 !important;
1289
- transition: visibility 1s, opacity 1s !important;
1290
- }
1291
-
1292
- .video-js.skin_mini .custom-spaced-progress-bar {
1293
- position: absolute;
1294
- width: 100%;
1295
- display: flex;
1296
- height: 0.5em;
1297
- top: -0.5em;
1298
- }
1299
-
1300
- .video-js.skin_mini .vjs-progress-control {
1301
- /* left: -6px; */
1302
- position: relative;
1303
- width: 100%;
1304
- height: 0.5em;
1305
- transition: height 0.1s, top 0.1s;
1306
- }
1307
-
1308
-
1309
-
1310
-
1311
- .video-js.skin_mini .vjs-custom-control-spacer {
1312
- display: block;
1313
- flex: 1 1 auto;
1314
- }
1315
-
1316
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1317
- margin: 0 0px 0 0px;
1318
- }
1319
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1320
- display: none;
1321
- }
1322
-
1323
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1324
- font-size: 14px;
1325
- font-weight: 500;
1326
- align-self: center;
1327
- height: min-content;
1328
- padding: 5px 2px;
1329
- border-radius: 8px;
1330
- }
1331
-
1332
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1333
- height: 5px !important;
1334
- }
1335
-
1336
- .video-js.skin_mini .vjs-play-progress:before {
1337
- font-size: 1.3em;
1338
- line-height: unset;
1339
- top: -0.3333333333em;
1340
- }
1341
-
1342
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1343
- display: none !important;
1344
- }
1345
-
1346
- /* */
1347
- .video-js.skin_mini .vjs-mouse-display{
1348
- font-size: 1.6666666667em;
1349
- }
1350
-
1351
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1352
- font-size: 1em !important;
1353
- }
1354
-
1355
- .video-js.skin_mini .vjs-button{
1356
- width: 3em;
1357
- display: flex;
1358
- align-items: center;
1359
- justify-content: center;
1360
- }
1361
-
1362
-
1363
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1364
- .icon-maximize {
1365
- display: block;
1366
- height: 32px;
1367
- }
1368
-
1369
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1370
- line-height: 4;
1371
- }
1372
-
1373
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1374
- .icon-minimize {
1375
- display: none;
1376
- height: 32px;
1377
- }
1378
-
1379
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1380
- outline: none !important;
1381
- }
1382
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1383
- .vjs-icon-fullscreen-enter:before {
1384
- /* content: '' !important; */
1385
- }
1386
-
1387
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1388
- display: flex;
1389
- justify-content: center;
1390
- align-items: center;
1391
- /* transform: rotate(90deg); */
1392
- }
1393
-
1394
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1395
- display: none;
1396
- }
1397
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1398
- margin-left: -10px;
1399
- display: none;
1400
- }
1401
-
1402
- .video-js.skin_mini .vjs-loading-spinner {
1403
- position: absolute;
1404
- top: 50%;
1405
- left: 50%;
1406
- transform: translate(-50%, -50%);
1407
- opacity: .85;
1408
- text-align: left;
1409
- border: .2em solid rgba(43, 51, 63, .7);
1410
- box-sizing: border-box;
1411
- background-clip: padding-box;
1412
- width: 3em;
1413
- height: 3em;
1414
- border-radius: 50%;
1415
- visibility: hidden;
1416
- }
1417
-
1418
- .video-js.skin_mini .skipbtn:hover{
1419
- cursor: pointer;
1420
- }
1421
-
1422
- .video-js.skin_mini .rewindbtn:hover{
1423
- cursor: pointer;
1424
- }
1425
-
1426
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1427
- position: relative;
1428
- padding-left: 0;
1429
- }
1430
-
1431
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1432
- width: 40px;
1433
- height: 40px;
1434
- display: flex;
1435
- justify-content: center;
1436
- align-items: center;
1437
- border: none;
1438
- position: absolute;
1439
- top: 0;
1440
- left: 0;
1441
- right: 0;
1442
- bottom: 0;
1443
- margin: auto;
1444
- font-size: 3em;
1445
- line-height: 1.3em;
1446
- transform: none !important;
1447
- border-radius: 1.3em;
1448
- }
1449
-
1450
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1451
- font-weight: bold;
1452
- }
1453
-
1454
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1455
- bottom: 1.1em !important;
1456
- right: 1em;
1457
- z-index: 1;
1458
- font-size: 10px;
1459
- }
1460
-
1461
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1462
- width: 24px !important;
1463
- height: 24px !important;
1464
- }
1465
- .video-js.skin_mini .settings-selector-icon>svg{
1466
- height: 19px !important;
1467
- width: 19px !important;
1468
- }
1469
-
1470
-
1471
- .video-js.skin_mini button.vjs-rewind-button{
1472
- cursor: pointer;
1473
- }
1474
-
1475
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1476
- padding-right: 0;
1477
- }
1478
-
1479
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1480
- padding-left: 0;
1481
- }
1482
-
1483
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1484
- padding-left: 0;
1485
- padding-right: 0;
1486
- display: flex;
1487
- justify-content: center;
1488
- width: min-content;
1489
- }
1490
-
1491
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1492
- display: none
1493
- }
1494
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1495
- display: none
1496
- }
1497
-
1498
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1499
- display: flex;
1500
- align-items: center;
1501
- font-weight: 700;
1502
- font-size: 9px;
1503
- min-width: 0.8em;
1504
- padding-left: 0;
1505
- }
1506
-
1507
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1508
- display: none;
1509
- font-size: 11px;
1510
- justify-content: center;
1511
- align-items: center;
1512
- user-select: none;
1513
- }
1514
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1515
- display: none;
1516
- }
1517
-
1518
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1519
- height: min-content;
1520
- width: min-content;
1521
- }
1522
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1523
- width: 3em;
1524
- margin-right: 4px;
1525
- }
1526
-
1527
- .video-js.skin_mini .content{
1528
- bottom: 3.4rem !important;
1529
- right: -4rem !important;
1530
- }
1531
-
1532
- .video-js.skin_mini .setting-icon > svg{
1533
- height:18px !important;
1534
- }
1535
-
1536
- .output-overlay{
1537
- position: absolute;
1538
- bottom: 0;
1539
- height: 100%;
1540
- width: 100%;
1541
- z-index: 0;
1542
- border: 0;
1543
- pointer-events:none
1544
- }
1545
-
1546
- iframe{
1547
- width: 100%;
1548
- height: 100%;
1549
- }
1550
-
1551
- .video-js.skin_mini .vjs-live-control{
1552
- align-items: center;
1553
- max-width: 5em;
1554
- }
1555
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1556
- height: 2.2em;
1557
- display: flex;
1558
- align-items: center;
1559
- font-family: monospace;
1560
- width: 4em;
1561
- justify-content: center;
1562
- background: red;
1563
- margin: 4px 0px 4px 2px;
1564
- }
1565
-
1566
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1567
- text-shadow: none;
1568
- }
1569
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1570
- display: none;
1571
- font-size: 12px;
1572
- }
1573
-
1574
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1575
- height: 1.8em;
1576
- display: inline-flex;
1577
- align-items: center;
1578
- font-family: monospace;
1579
- justify-content: center;
1580
- border: 1.5px solid;
1581
- margin: 4px 0px 4px 2px;
1582
- white-space: pre;
1583
- padding: 2px 4px;
1584
- font-size: 1.2em;
1585
- font-weight: 500;
1586
- color: rgba(255, 255, 2555, 0.7);
1587
- }
1588
-
1589
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1590
- content: "NOT LIVE";
1591
- word-spacing: -4px;
1592
- }
1593
-
1594
-
1595
- @media(max-width:600px){
1596
- .tvProviderImage{
1597
- display: none
1598
- }
1599
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1600
- .icon-maximize {
1601
- height: 30px !important;
1602
- }
1603
-
1604
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1605
- .icon-minimize {
1606
- height: 30px !important;
1607
- }
1608
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1609
- width: 3.5em;
1610
- }
1611
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1612
- height: min-content;
1613
- }
1614
-
1615
- .video-js.skin_mini button.vjs-slowmo-button{
1616
- display: none;
1617
- }
1618
- .video-js.skin_mini button.vjs-rewind-button{
1619
- display: none;
1620
- }
1621
- .video-js.skin_mini button.vjs-rewind-button>svg{
1622
- height: 20px;
1623
- }
1624
- .video-js.skin_mini .vjs-button{
1625
- width: 3em;
1626
- }
1627
- .video-js.skin_mini .widget-selection{
1628
- display: none;
1629
- }
1630
- .video-js.skin_mini .container{
1631
- display: none !important;
1632
- }
1633
- .video-js.skin_mini .vjs-control-bar{
1634
- height: 4em !important;
1635
- }
1636
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1637
- font-size: 2.5em;
1638
- line-height: 1.5;
1639
- }
1640
- .video-js.skin_mini .vjs-play-progress:before {
1641
- font-size: 1.2em;
1642
- position: absolute;
1643
- right: -0.5em;
1644
- z-index: 1;
1645
- }
1646
- .video-js.skin_mini button.vjs-skip-button>svg{
1647
- height: 20px;
1648
- }
1649
-
1650
- .stream-selector-icon>svg{
1651
- width: 24px;
1652
- height: 24px;
1653
- }
1654
- .video-js.skin_mini .vjs-seek-to-live-text{
1655
- font-size: 12px;
1656
- }
1657
-
1658
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1659
- color: white !important;
1660
- font-size: 16px !important;
1661
- background-color: rgba(0,0,0,0.2) !important;
1662
- }
1663
- }
1664
-
1665
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1666
- color: white !important;
1667
- font-size: 16px !important;
1668
- background-color: rgba(0,0,0,0.2) !important;
1669
- }
1670
-
1671
- .video-js.skin_mini .vjs-text-track-display-ttml p {
1672
- font-size: 18px !important;
1673
- }
1674
-
1675
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1676
- margin-bottom: 1rem !important;
1677
- }
1678
-
1679
-
1680
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1681
- display: flex;
1682
- justify-content: center;
1683
- align-items: center;
1684
- height: 100%;
1685
- transition: width 0.1s;
1686
- }
1687
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1688
- margin: 2px;
1689
- }
1690
-
1691
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1692
- display: flex;
1693
- justify-content: center;
1694
- align-items: center;
1695
- height: 100%;
1696
- transition: width 0.1s;
1697
- }
1698
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1699
- display: grid;
1700
- font-size: 10px;
1701
- grid-template-columns: 1fr;
1702
- grid-template-rows: 1fr;
1703
- padding: 1px 0px 0 0px;
1704
- margin: 0;
1705
- }
1706
-
1707
- @media (max-width: 600px) {
1708
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1709
- height: 5px !important;
1710
- }
1711
-
1712
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1713
- display: none;
1714
- }
1715
-
1716
- }
1717
-
1718
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1719
- content: none !important;
1720
- fill: none !important;
1721
- filter: none !important;
1722
- }
1723
-
1724
- /* svg icons opacity and hover effect */
1725
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1726
- opacity: 0.7 !important;
1727
- }
1728
-
1729
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1730
- opacity: 1 !important;
1731
- }
1732
-
1733
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1734
- color: rgba(255, 255, 2555, 0.7)!important;
1735
- }
1736
-
1737
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1738
- color: rgba(255, 255, 2555, 1)!important;
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 */