@viewlift/player-backup 2.0.291-backup → 2.0.293-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 (70) hide show
  1. package/cjs/{autoNextVideo-19386762.js → autoNextVideo-b81a21a8.js} +1 -1
  2. package/cjs/bundle.css +434 -434
  3. package/cjs/{caption-settings-058ad013.js → caption-settings-5efc7591.js} +1 -1
  4. package/cjs/{captions-d98c49d6.js → captions-5f9611f1.js} +1 -1
  5. package/cjs/{features-2cdc4e39.js → features-fde1e6f4.js} +1 -1
  6. package/cjs/generic-bcc1b11d.js +1 -0
  7. package/cjs/{index-955b603e.js → index-1ce7c505.js} +1 -1
  8. package/cjs/{index-50e69a99.js → index-b6608461.js} +1 -1
  9. package/cjs/{index-81c8f4a1.js → index-d0ac4ff1.js} +1 -1
  10. package/cjs/{index-004fc85d.js → index-f07dd8f7.js} +1 -1
  11. package/cjs/index.js +1 -1
  12. package/cjs/{multicamv2-56120328.js → multicamv2-90e4f85d.js} +1 -1
  13. package/cjs/{multicamv2-1bdf2c52.js → multicamv2-d13f3799.js} +1 -1
  14. package/cjs/{nextEpisodeButton-290b490f.js → nextEpisodeButton-0e1f606e.js} +1 -1
  15. package/cjs/{playlist-7b61a3c6.js → playlist-5538ab33.js} +1 -1
  16. package/cjs/{renditions-6554142b.js → renditions-6f165ef5.js} +1 -1
  17. package/cjs/{resolution-c33a67fb.js → resolution-19103db5.js} +1 -1
  18. package/cjs/{series-20fe0127.js → series-197acb35.js} +1 -1
  19. package/cjs/{series-v2-5ccc7a93.js → series-v2-37b957c0.js} +1 -1
  20. package/cjs/{series-v2-4d05ebf8.js → series-v2-e09f82a1.js} +1 -1
  21. package/cjs/{settings-icon-1efd3e23.js → settings-icon-43534947.js} +1 -1
  22. package/cjs/{skin-ac3c64df.js → skin-0cd2cc19.js} +1 -1
  23. package/cjs/{skin-e0cf4554.js → skin-16ae23af.js} +1 -1
  24. package/cjs/{skin-c72adb59.js → skin-1d2ac9aa.js} +1 -1
  25. package/cjs/{skin-ba07e8dc.js → skin-79f1cf9f.js} +1 -1
  26. package/cjs/{skin-41b0c02d.js → skin-7be967ce.js} +1 -1
  27. package/cjs/{skin-12b4d86a.js → skin-a03263c8.js} +1 -1
  28. package/cjs/{skin-9d79794a.js → skin-a3da2429.js} +1 -1
  29. package/cjs/{skin-00029c75.js → skin-a74bc0a0.js} +1 -1
  30. package/cjs/{skin-c08b2d3f.js → skin-b86f2fb9.js} +1 -1
  31. package/cjs/{skin-1f5cd68e.js → skin-e9578396.js} +1 -1
  32. package/cjs/{videoSelector-95e64eba.js → videoSelector-71585863.js} +1 -1
  33. package/cjs/{videoSelector-ab05bccb.js → videoSelector-ee1c7a9f.js} +1 -1
  34. package/esm/{autoNextVideo-379bbdc2.js → autoNextVideo-de9c7cb3.js} +1 -1
  35. package/esm/bundle.css +434 -434
  36. package/esm/{caption-settings-a9b6581e.js → caption-settings-cfb1368b.js} +1 -1
  37. package/esm/{captions-9659ee8f.js → captions-89897207.js} +1 -1
  38. package/esm/{features-dbc6b07e.js → features-c5bf2798.js} +1 -1
  39. package/esm/generic-cc27a100.js +1 -0
  40. package/esm/{index-ac572236.js → index-a46fd1e5.js} +1 -1
  41. package/esm/{index-b62e0f74.js → index-bb7166ff.js} +1 -1
  42. package/esm/{index-8566dca0.js → index-ce7f6974.js} +1 -1
  43. package/esm/{index-ae4cf675.js → index-e6facfc7.js} +1 -1
  44. package/esm/index.js +1 -1
  45. package/esm/{multicamv2-de90d28f.js → multicamv2-9e6a345c.js} +1 -1
  46. package/esm/{multicamv2-a84ce8b3.js → multicamv2-b2a188e0.js} +1 -1
  47. package/esm/{nextEpisodeButton-bffd417f.js → nextEpisodeButton-a1156a17.js} +1 -1
  48. package/esm/{playlist-100ecdfe.js → playlist-87d6e4cb.js} +1 -1
  49. package/esm/{renditions-4eddc06a.js → renditions-ee4e8582.js} +1 -1
  50. package/esm/{resolution-46076e4a.js → resolution-879fc9c0.js} +1 -1
  51. package/esm/{series-8ef8fdfa.js → series-16e59934.js} +1 -1
  52. package/esm/{series-v2-76f5001b.js → series-v2-381f9c36.js} +1 -1
  53. package/esm/{series-v2-551f67e8.js → series-v2-5a7027ad.js} +1 -1
  54. package/esm/{settings-icon-60394554.js → settings-icon-851014b6.js} +1 -1
  55. package/esm/skin-0abde216.js +1 -0
  56. package/esm/{skin-4280c73d.js → skin-0bf419dd.js} +1 -1
  57. package/esm/{skin-f9ec12e3.js → skin-4d0b33c3.js} +1 -1
  58. package/esm/{skin-1c1aa7a5.js → skin-4fe01364.js} +1 -1
  59. package/esm/{skin-41718675.js → skin-5e8fcff1.js} +1 -1
  60. package/esm/{skin-80e062bd.js → skin-672a575a.js} +1 -1
  61. package/esm/{skin-dddf388c.js → skin-6bb0371a.js} +1 -1
  62. package/esm/{skin-e4073063.js → skin-9424e7c5.js} +1 -1
  63. package/esm/{skin-a6c3353b.js → skin-b866a867.js} +1 -1
  64. package/esm/{skin-fdbbacca.js → skin-e74d2dd9.js} +1 -1
  65. package/esm/{videoSelector-93246044.js → videoSelector-14a4414d.js} +1 -1
  66. package/esm/{videoSelector-13ae5477.js → videoSelector-563df963.js} +1 -1
  67. package/package.json +28 -25
  68. package/cjs/generic-5b90c727.js +0 -1
  69. package/esm/generic-b3643a73.js +0 -1
  70. package/esm/skin-e2592aa4.js +0 -1
package/esm/bundle.css CHANGED
@@ -1,31 +1,28 @@
1
1
 
2
2
 
3
3
 
4
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
4
+
5
+
6
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
5
7
  font-size: 2.2em;
6
8
  line-height: 2.6;
7
9
  }
8
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
9
- background: white;
10
+ .video-js.skin_mini{
11
+ overflow: hidden;
10
12
  }
11
- .video-js.skin_news .vjs-control-bar{
13
+ .video-js.skin_mini .vjs-control-bar{
12
14
  z-index: 1 !important;
13
- height: 5em !important;
15
+ height: 4em !important;
14
16
  background: black !important;
15
17
  }
16
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
17
- display: flex;
18
- align-items: center;
19
- justify-content: center;
20
- }
21
18
 
22
- .video-js.skin_news .vjs-fade>* {
19
+ .video-js.skin_mini .vjs-fade>* {
23
20
  visibility: hidden !important;
24
21
  opacity: 0 !important;
25
22
  transition: visibility 1s, opacity 1s !important;
26
23
  }
27
24
 
28
- .video-js.skin_news .custom-spaced-progress-bar {
25
+ .video-js.skin_mini .custom-spaced-progress-bar {
29
26
  position: absolute;
30
27
  width: 100%;
31
28
  display: flex;
@@ -33,7 +30,7 @@
33
30
  top: -0.5em;
34
31
  }
35
32
 
36
- .video-js.skin_news .vjs-progress-control {
33
+ .video-js.skin_mini .vjs-progress-control {
37
34
  /* left: -6px; */
38
35
  position: relative;
39
36
  width: 100%;
@@ -44,19 +41,19 @@
44
41
 
45
42
 
46
43
 
47
- .video-js.skin_news .vjs-custom-control-spacer {
44
+ .video-js.skin_mini .vjs-custom-control-spacer {
48
45
  display: block;
49
46
  flex: 1 1 auto;
50
47
  }
51
48
 
52
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
49
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
53
50
  margin: 0 0px 0 0px;
54
51
  }
55
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
52
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
56
53
  display: none;
57
54
  }
58
55
 
59
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
56
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
60
57
  font-size: 14px;
61
58
  font-weight: 500;
62
59
  align-self: center;
@@ -65,143 +62,158 @@
65
62
  border-radius: 8px;
66
63
  }
67
64
 
68
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
69
- height: 6px !important;
65
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
66
+ height: 5px !important;
70
67
  }
71
68
 
72
- .video-js.skin_news .vjs-play-progress:before {
73
- font-size: 1.5em;
69
+ .video-js.skin_mini .vjs-play-progress:before {
70
+ font-size: 1.3em;
74
71
  line-height: unset;
75
72
  top: -0.3333333333em;
76
73
  }
77
74
 
78
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
75
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
79
76
  display: none !important;
80
77
  }
81
78
 
82
79
  /* */
83
- .video-js.skin_news .vjs-mouse-display{
80
+ .video-js.skin_mini .vjs-mouse-display{
84
81
  font-size: 1.6666666667em;
85
82
  }
86
83
 
87
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
84
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
88
85
  font-size: 1em !important;
89
86
  }
90
87
 
91
- .video-js.skin_news .vjs-button{
92
- width: 5.3em;
88
+ .video-js.skin_mini .vjs-button{
89
+ width: 3em;
93
90
  display: flex;
94
91
  align-items: center;
95
92
  justify-content: center;
96
93
  }
97
94
 
98
95
 
99
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
96
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
100
97
  .icon-maximize {
101
98
  display: block;
102
99
  height: 32px;
103
100
  }
104
101
 
105
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
102
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
106
103
  line-height: 4;
107
104
  }
108
105
 
109
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
106
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
110
107
  .icon-minimize {
111
108
  display: none;
112
109
  height: 32px;
113
110
  }
114
111
 
115
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
112
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
116
113
  outline: none !important;
117
114
  }
118
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
115
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
119
116
  .vjs-icon-fullscreen-enter:before {
120
117
  /* content: '' !important; */
121
118
  }
122
119
 
123
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
120
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
124
121
  display: flex;
125
122
  justify-content: center;
126
123
  align-items: center;
127
124
  /* transform: rotate(90deg); */
128
125
  }
129
126
 
130
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
127
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
131
128
  display: none;
132
129
  }
133
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
130
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
134
131
  margin-left: -10px;
132
+ display: none;
135
133
  }
136
134
 
137
- .video-js.skin_news .skipbtn:hover{
135
+ .video-js.skin_mini .vjs-loading-spinner {
136
+ position: absolute;
137
+ top: 50%;
138
+ left: 50%;
139
+ transform: translate(-50%, -50%);
140
+ opacity: .85;
141
+ text-align: left;
142
+ border: .2em solid rgba(43, 51, 63, .7);
143
+ box-sizing: border-box;
144
+ background-clip: padding-box;
145
+ width: 3em;
146
+ height: 3em;
147
+ border-radius: 50%;
148
+ visibility: hidden;
149
+ }
150
+
151
+ .video-js.skin_mini .skipbtn:hover{
138
152
  cursor: pointer;
139
153
  }
140
154
 
141
- .video-js.skin_news .rewindbtn:hover{
155
+ .video-js.skin_mini .rewindbtn:hover{
142
156
  cursor: pointer;
143
157
  }
144
158
 
145
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
159
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
146
160
  position: relative;
147
161
  padding-left: 0;
148
162
  }
149
163
 
150
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
151
- display: none !important;
164
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
165
+ width: 40px;
166
+ height: 40px;
167
+ display: flex;
168
+ justify-content: center;
169
+ align-items: center;
170
+ border: none;
171
+ position: absolute;
172
+ top: 0;
173
+ left: 0;
174
+ right: 0;
175
+ bottom: 0;
176
+ margin: auto;
177
+ font-size: 3em;
178
+ line-height: 1.3em;
179
+ transform: none !important;
180
+ border-radius: 1.3em;
152
181
  }
153
182
 
154
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
155
- width: 90px;
156
- height: 90px;
157
- display: flex;
158
- justify-content: center;
159
- align-items: center;
160
- border-radius: 50%;
161
- position: absolute;
162
- top: 0;
163
- left: 0;
164
- right: 0;
165
- bottom: 0;
166
- margin: auto;
167
- font-size: 6em;
168
- line-height: 1.4em;
169
- border: 0.05em solid;
170
- color: inherit;
171
- }
172
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
183
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
173
184
  font-weight: bold;
174
185
  }
175
186
 
176
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
177
- bottom: 2.4em !important;
178
- right: -1em;
187
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
188
+ bottom: 1.1em !important;
189
+ right: 1em;
179
190
  z-index: 1;
191
+ font-size: 10px;
180
192
  }
181
193
 
182
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
194
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
183
195
  width: 24px !important;
184
196
  height: 24px !important;
185
197
  }
186
- .settings-selector-icon>svg{
198
+ .video-js.skin_mini .settings-selector-icon>svg{
187
199
  height: 19px !important;
188
200
  width: 19px !important;
189
201
  }
190
202
 
191
203
 
192
- .video-js.skin_news button.vjs-rewind-button{
204
+ .video-js.skin_mini button.vjs-rewind-button{
193
205
  cursor: pointer;
194
206
  }
195
207
 
196
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
208
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
197
209
  padding-right: 0;
198
210
  }
199
211
 
200
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
212
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
201
213
  padding-left: 0;
202
214
  }
203
215
 
204
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
216
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
205
217
  padding-left: 0;
206
218
  padding-right: 0;
207
219
  display: flex;
@@ -209,46 +221,48 @@
209
221
  width: min-content;
210
222
  }
211
223
 
212
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
224
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
213
225
  display: none
214
226
  }
215
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
227
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
216
228
  display: none
217
229
  }
218
230
 
219
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
220
- display: flex;
221
- align-items: center;
222
- font-weight: 700;
223
- font-size: 12px;
224
- min-width: 1.2em;
231
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
232
+ display: flex;
233
+ align-items: center;
234
+ font-weight: 700;
235
+ font-size: 9px;
236
+ min-width: 0.8em;
237
+ padding-left: 0;
225
238
  }
226
239
 
227
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
240
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
228
241
  display: none;
229
242
  font-size: 11px;
230
243
  justify-content: center;
231
244
  align-items: center;
232
245
  user-select: none;
233
246
  }
234
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
247
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
235
248
  display: none;
236
249
  }
237
250
 
238
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
251
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
239
252
  height: min-content;
240
253
  width: min-content;
241
254
  }
242
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
243
- width: 6em;
255
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
256
+ width: 3em;
257
+ margin-right: 4px;
244
258
  }
245
259
 
246
- .video-js.skin_news .content{
260
+ .video-js.skin_mini .content{
247
261
  bottom: 3.4rem !important;
248
262
  right: -4rem !important;
249
263
  }
250
264
 
251
- .setting-icon > svg{
265
+ .video-js.skin_mini .setting-icon > svg{
252
266
  height:18px !important;
253
267
  }
254
268
 
@@ -262,15 +276,16 @@
262
276
  pointer-events:none
263
277
  }
264
278
 
265
- .video-js.skin_news iframe{
279
+ .video-js.skin_mini iframe{
266
280
  width: 100%;
267
281
  height: 100%;
268
282
  }
269
283
 
270
- .video-js.skin_news .vjs-live-control{
284
+ .video-js.skin_mini .vjs-live-control{
271
285
  align-items: center;
286
+ max-width: 5em;
272
287
  }
273
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
288
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
274
289
  height: 2.2em;
275
290
  display: flex;
276
291
  align-items: center;
@@ -278,278 +293,210 @@
278
293
  width: 4em;
279
294
  justify-content: center;
280
295
  background: red;
281
- margin: 4px 0px 4px 12px;
296
+ margin: 4px 0px 4px 2px;
282
297
  }
283
298
 
284
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
299
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
285
300
  text-shadow: none;
286
301
  }
287
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
302
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
288
303
  display: none;
289
304
  font-size: 12px;
290
305
  }
291
306
 
292
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
293
- height: 2.2em;
307
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
308
+ height: 1.8em;
294
309
  display: inline-flex;
295
310
  align-items: center;
296
- /* font-family: monospace; */
311
+ font-family: monospace;
297
312
  justify-content: center;
298
- border: 2px solid;
299
- margin: 4px 0px 4px 6px;
313
+ border: 1.5px solid;
314
+ margin: 4px 0px 4px 2px;
300
315
  white-space: pre;
301
- padding: 0px 6px;
316
+ padding: 2px 4px;
302
317
  font-size: 1.2em;
303
318
  font-weight: 500;
304
319
  color: rgba(255, 255, 2555, 0.7);
305
-
306
- letter-spacing: -.1px;
307
- line-height: normal;
308
- text-transform: uppercase;
309
- color: #FFFFFF;
310
- opacity: .7;
311
- font-family: "Proxima Nova";
312
- }
313
-
314
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
315
- opacity: 1;
316
320
  }
317
321
 
318
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
322
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
319
323
  content: "NOT LIVE";
320
- }
321
-
322
- .settings-selection.vjs-control.vjs-button{
323
- display: flex !important;
324
- }
325
-
326
- @media(max-width:576px){
327
- .settings-selection.vjs-control.vjs-button{
328
- display: none !important;
329
- }
324
+ word-spacing: -4px;
330
325
  }
331
326
 
332
327
 
333
- @media(max-width:576px){
328
+ @media(max-width:600px){
334
329
  .tvProviderImage{
335
330
  display: none
336
331
  }
337
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
332
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
338
333
  .icon-maximize {
339
334
  height: 30px !important;
340
335
  }
341
336
 
342
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
337
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
343
338
  .icon-minimize {
344
339
  height: 30px !important;
345
340
  }
346
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
347
- width: 4.5em;
341
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
342
+ width: 3.5em;
348
343
  }
349
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
344
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
350
345
  height: min-content;
351
346
  }
352
347
 
353
- .video-js.skin_news button.vjs-slowmo-button{
348
+ .video-js.skin_mini button.vjs-slowmo-button{
354
349
  display: none;
355
350
  }
356
- .video-js.skin_news button.vjs-rewind-button{
351
+ .video-js.skin_mini button.vjs-rewind-button{
357
352
  display: none;
358
353
  }
359
- .video-js.skin_news button.vjs-rewind-button>svg{
354
+ .video-js.skin_mini button.vjs-rewind-button>svg{
360
355
  height: 20px;
361
356
  }
362
- .video-js.skin_news .vjs-button{
363
- width: 4.8em;
357
+ .video-js.skin_mini .vjs-button{
358
+ width: 3em;
364
359
  }
365
- .video-js.skin_news .widget-selection{
360
+ .video-js.skin_mini .widget-selection{
366
361
  display: none;
367
362
  }
368
- .video-js.skin_news .container{
363
+ .video-js.skin_mini .container{
369
364
  display: none !important;
370
365
  }
371
- .video-js.skin_news .vjs-control-bar{
366
+ .video-js.skin_mini .vjs-control-bar{
372
367
  height: 4em !important;
373
368
  }
374
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
369
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
375
370
  font-size: 2.5em;
376
371
  line-height: 1.5;
377
372
  }
378
- .video-js.skin_news .vjs-play-progress:before {
373
+ .video-js.skin_mini .vjs-play-progress:before {
379
374
  font-size: 1.2em;
380
375
  position: absolute;
381
376
  right: -0.5em;
382
377
  z-index: 1;
383
378
  }
384
- .video-js.skin_news button.vjs-skip-button>svg{
379
+ .video-js.skin_mini button.vjs-skip-button>svg{
385
380
  height: 20px;
386
381
  }
387
- .video-js.skin_news button.vjs-big-play-button {
388
- width: 50px !important;
389
- height: 50px !important;
390
- font-size: 2.1rem !important;
391
- }
392
382
 
393
383
  .stream-selector-icon>svg{
394
384
  width: 24px;
395
385
  height: 24px;
396
386
  }
397
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
398
- margin: 0 12px 0 12px;
399
- }
400
- .video-js.skin_news .vjs-seek-to-live-text{
387
+ .video-js.skin_mini .vjs-seek-to-live-text{
401
388
  font-size: 12px;
402
389
  }
403
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
404
- margin: 0 12px 0 12px;
390
+
391
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
392
+ color: white !important;
393
+ font-size: 16px !important;
394
+ background-color: rgba(0,0,0,0.2) !important;
395
+ }
405
396
  }
397
+
398
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
399
+ color: white !important;
400
+ font-size: 16px !important;
401
+ background-color: rgba(0,0,0,0.2) !important;
406
402
  }
407
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
408
- width: 90px;
409
- height: 90px;
410
- display: flex;
411
- justify-content: center;
412
- align-items: center;
413
- border-radius: 50%;
414
- position: absolute;
415
- top: 0;
416
- left: 0;
417
- right: 0;
418
- bottom: 0;
419
- margin: auto;
420
- font-size: 6em;
421
- line-height: 1.4em;
403
+
404
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
405
+ font-size: 18px !important;
422
406
  }
423
407
 
424
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
408
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
409
+ margin-bottom: 1rem !important;
410
+ }
411
+
412
+
413
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
414
  display: flex;
426
415
  justify-content: center;
427
416
  align-items: center;
428
417
  height: 100%;
429
418
  transition: width 0.1s;
430
419
  }
420
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
421
+ margin: 2px;
422
+ }
431
423
 
432
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
424
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
433
425
  display: flex;
434
426
  justify-content: center;
435
427
  align-items: center;
436
428
  height: 100%;
437
429
  transition: width 0.1s;
438
430
  }
439
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
440
- display: none !important;
441
- }
442
- .video-js.skin_news .ssai-ad-container{
443
- position: absolute;
444
- bottom: 14px;
431
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
432
+ display: grid;
433
+ font-size: 10px;
434
+ grid-template-columns: 1fr;
435
+ grid-template-rows: 1fr;
436
+ padding: 1px 0px 0 0px;
437
+ margin: 0;
445
438
  }
446
439
 
447
- @media (max-width: 576px) {
448
- .video-js.skin_news .ssai-ad-container{
449
- bottom: 2px;
450
- }
451
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
440
+ @media (max-width: 600px) {
441
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
452
442
  height: 5px !important;
453
443
  }
454
- .video-js.skin_news button.vjs-big-play-button {
455
- width: 50px !important;
456
- height: 50px !important;
457
- font-size: 2.1rem !important;
458
- }
459
444
 
460
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
445
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
461
446
  display: none;
462
447
  }
463
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
464
- bottom: 2.4em !important;
465
- right: -1em;
466
- z-index: 1;
467
- }
468
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
469
- display: none !important;
470
- }
471
-
472
- .video-js.skin_news .vjs-text-track-display-ttml span {
473
- color: white;
474
- font-size: 13px;
475
- background-color: black;
476
- }
477
- }
478
448
 
479
- .video-js.skin_news .vjs-text-track-display-ttml span {
480
- color: white;
481
- font-size: 16px;
482
- background-color: black;
483
- }
484
-
485
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
486
- margin-bottom: 2rem !important;
487
- }
488
-
489
- .video-js.skin_news .vjs-text-track-display-ttml p {
490
- font-size: 18px !important;
491
449
  }
492
450
 
493
-
494
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
495
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
496
- font-size: 1.2em !important;
497
- line-height: 1.5em !important;
498
- padding: 0.2em 0.8em !important;
499
- }
500
-
501
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
451
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
502
452
  content: none !important;
503
453
  fill: none !important;
504
454
  filter: none !important;
505
455
  }
506
456
 
507
457
  /* svg icons opacity and hover effect */
508
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
458
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
509
459
  opacity: 0.7 !important;
510
460
  }
511
461
 
512
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
513
- opacity: 1 !important;
514
- }
515
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
516
- opacity: 0.7 !important;
517
- }
518
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
462
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
519
463
  opacity: 1 !important;
520
464
  }
521
465
 
522
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
466
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
523
467
  color: rgba(255, 255, 2555, 0.7)!important;
524
468
  }
525
469
 
526
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
470
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
527
471
  color: rgba(255, 255, 2555, 1)!important;
528
472
  }
529
473
 
530
474
 
531
-
532
-
533
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
475
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
534
476
  font-size: 2.2em;
535
477
  line-height: 2.6;
536
478
  }
537
- .video-js.skin_mini{
538
- overflow: hidden;
479
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
480
+ background: white;
539
481
  }
540
- .video-js.skin_mini .vjs-control-bar{
482
+ .video-js.skin_news .vjs-control-bar{
541
483
  z-index: 1 !important;
542
- height: 4em !important;
484
+ height: 5em !important;
543
485
  background: black !important;
544
486
  }
487
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
488
+ display: flex;
489
+ align-items: center;
490
+ justify-content: center;
491
+ }
545
492
 
546
- .video-js.skin_mini .vjs-fade>* {
493
+ .video-js.skin_news .vjs-fade>* {
547
494
  visibility: hidden !important;
548
495
  opacity: 0 !important;
549
496
  transition: visibility 1s, opacity 1s !important;
550
497
  }
551
498
 
552
- .video-js.skin_mini .custom-spaced-progress-bar {
499
+ .video-js.skin_news .custom-spaced-progress-bar {
553
500
  position: absolute;
554
501
  width: 100%;
555
502
  display: flex;
@@ -557,7 +504,7 @@
557
504
  top: -0.5em;
558
505
  }
559
506
 
560
- .video-js.skin_mini .vjs-progress-control {
507
+ .video-js.skin_news .vjs-progress-control {
561
508
  /* left: -6px; */
562
509
  position: relative;
563
510
  width: 100%;
@@ -568,19 +515,19 @@
568
515
 
569
516
 
570
517
 
571
- .video-js.skin_mini .vjs-custom-control-spacer {
518
+ .video-js.skin_news .vjs-custom-control-spacer {
572
519
  display: block;
573
520
  flex: 1 1 auto;
574
521
  }
575
522
 
576
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
523
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
577
524
  margin: 0 0px 0 0px;
578
525
  }
579
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
526
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
580
527
  display: none;
581
528
  }
582
529
 
583
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
530
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
584
531
  font-size: 14px;
585
532
  font-weight: 500;
586
533
  align-self: center;
@@ -589,158 +536,143 @@
589
536
  border-radius: 8px;
590
537
  }
591
538
 
592
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
593
- height: 5px !important;
539
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
540
+ height: 6px !important;
594
541
  }
595
542
 
596
- .video-js.skin_mini .vjs-play-progress:before {
597
- font-size: 1.3em;
543
+ .video-js.skin_news .vjs-play-progress:before {
544
+ font-size: 1.5em;
598
545
  line-height: unset;
599
546
  top: -0.3333333333em;
600
547
  }
601
548
 
602
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
549
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
603
550
  display: none !important;
604
551
  }
605
552
 
606
553
  /* */
607
- .video-js.skin_mini .vjs-mouse-display{
554
+ .video-js.skin_news .vjs-mouse-display{
608
555
  font-size: 1.6666666667em;
609
556
  }
610
557
 
611
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
558
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
612
559
  font-size: 1em !important;
613
560
  }
614
561
 
615
- .video-js.skin_mini .vjs-button{
616
- width: 3em;
562
+ .video-js.skin_news .vjs-button{
563
+ width: 5.3em;
617
564
  display: flex;
618
565
  align-items: center;
619
566
  justify-content: center;
620
567
  }
621
568
 
622
569
 
623
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
570
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
624
571
  .icon-maximize {
625
572
  display: block;
626
573
  height: 32px;
627
574
  }
628
575
 
629
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
576
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
630
577
  line-height: 4;
631
578
  }
632
579
 
633
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
580
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
634
581
  .icon-minimize {
635
582
  display: none;
636
583
  height: 32px;
637
584
  }
638
585
 
639
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
586
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
640
587
  outline: none !important;
641
588
  }
642
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
589
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
643
590
  .vjs-icon-fullscreen-enter:before {
644
591
  /* content: '' !important; */
645
592
  }
646
593
 
647
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
594
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
648
595
  display: flex;
649
596
  justify-content: center;
650
597
  align-items: center;
651
598
  /* transform: rotate(90deg); */
652
599
  }
653
600
 
654
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
601
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
655
602
  display: none;
656
603
  }
657
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
604
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
658
605
  margin-left: -10px;
659
- display: none;
660
- }
661
-
662
- .video-js.skin_mini .vjs-loading-spinner {
663
- position: absolute;
664
- top: 50%;
665
- left: 50%;
666
- transform: translate(-50%, -50%);
667
- opacity: .85;
668
- text-align: left;
669
- border: .2em solid rgba(43, 51, 63, .7);
670
- box-sizing: border-box;
671
- background-clip: padding-box;
672
- width: 3em;
673
- height: 3em;
674
- border-radius: 50%;
675
- visibility: hidden;
676
606
  }
677
607
 
678
- .video-js.skin_mini .skipbtn:hover{
608
+ .video-js.skin_news .skipbtn:hover{
679
609
  cursor: pointer;
680
610
  }
681
611
 
682
- .video-js.skin_mini .rewindbtn:hover{
612
+ .video-js.skin_news .rewindbtn:hover{
683
613
  cursor: pointer;
684
614
  }
685
615
 
686
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
616
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
687
617
  position: relative;
688
618
  padding-left: 0;
689
619
  }
690
620
 
691
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
692
- width: 40px;
693
- height: 40px;
694
- display: flex;
695
- justify-content: center;
696
- align-items: center;
697
- border: none;
698
- position: absolute;
699
- top: 0;
700
- left: 0;
701
- right: 0;
702
- bottom: 0;
703
- margin: auto;
704
- font-size: 3em;
705
- line-height: 1.3em;
706
- transform: none !important;
707
- border-radius: 1.3em;
621
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
622
+ display: none !important;
708
623
  }
709
624
 
710
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
625
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
626
+ width: 90px;
627
+ height: 90px;
628
+ display: flex;
629
+ justify-content: center;
630
+ align-items: center;
631
+ border-radius: 50%;
632
+ position: absolute;
633
+ top: 0;
634
+ left: 0;
635
+ right: 0;
636
+ bottom: 0;
637
+ margin: auto;
638
+ font-size: 6em;
639
+ line-height: 1.4em;
640
+ border: 0.05em solid;
641
+ color: inherit;
642
+ }
643
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
711
644
  font-weight: bold;
712
645
  }
713
646
 
714
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
715
- bottom: 1.1em !important;
716
- right: 1em;
647
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
648
+ bottom: 2.4em !important;
649
+ right: -1em;
717
650
  z-index: 1;
718
- font-size: 10px;
719
651
  }
720
652
 
721
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
653
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
722
654
  width: 24px !important;
723
655
  height: 24px !important;
724
656
  }
725
- .video-js.skin_mini .settings-selector-icon>svg{
657
+ .settings-selector-icon>svg{
726
658
  height: 19px !important;
727
659
  width: 19px !important;
728
660
  }
729
661
 
730
662
 
731
- .video-js.skin_mini button.vjs-rewind-button{
663
+ .video-js.skin_news button.vjs-rewind-button{
732
664
  cursor: pointer;
733
665
  }
734
666
 
735
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
667
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
736
668
  padding-right: 0;
737
669
  }
738
670
 
739
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
671
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
740
672
  padding-left: 0;
741
673
  }
742
674
 
743
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
675
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
744
676
  padding-left: 0;
745
677
  padding-right: 0;
746
678
  display: flex;
@@ -748,48 +680,46 @@
748
680
  width: min-content;
749
681
  }
750
682
 
751
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
683
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
752
684
  display: none
753
685
  }
754
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
686
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
755
687
  display: none
756
688
  }
757
689
 
758
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
759
- display: flex;
760
- align-items: center;
761
- font-weight: 700;
762
- font-size: 9px;
763
- min-width: 0.8em;
764
- padding-left: 0;
690
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
691
+ display: flex;
692
+ align-items: center;
693
+ font-weight: 700;
694
+ font-size: 12px;
695
+ min-width: 1.2em;
765
696
  }
766
697
 
767
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
698
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
768
699
  display: none;
769
700
  font-size: 11px;
770
701
  justify-content: center;
771
702
  align-items: center;
772
703
  user-select: none;
773
704
  }
774
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
705
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
775
706
  display: none;
776
707
  }
777
708
 
778
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
709
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
779
710
  height: min-content;
780
711
  width: min-content;
781
712
  }
782
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
783
- width: 3em;
784
- margin-right: 4px;
713
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
714
+ width: 6em;
785
715
  }
786
716
 
787
- .video-js.skin_mini .content{
717
+ .video-js.skin_news .content{
788
718
  bottom: 3.4rem !important;
789
719
  right: -4rem !important;
790
720
  }
791
721
 
792
- .video-js.skin_mini .setting-icon > svg{
722
+ .setting-icon > svg{
793
723
  height:18px !important;
794
724
  }
795
725
 
@@ -803,16 +733,15 @@
803
733
  pointer-events:none
804
734
  }
805
735
 
806
- .video-js.skin_mini iframe{
736
+ .video-js.skin_news iframe{
807
737
  width: 100%;
808
738
  height: 100%;
809
739
  }
810
740
 
811
- .video-js.skin_mini .vjs-live-control{
741
+ .video-js.skin_news .vjs-live-control{
812
742
  align-items: center;
813
- max-width: 5em;
814
743
  }
815
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
744
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
816
745
  height: 2.2em;
817
746
  display: flex;
818
747
  align-items: center;
@@ -820,185 +749,257 @@
820
749
  width: 4em;
821
750
  justify-content: center;
822
751
  background: red;
823
- margin: 4px 0px 4px 2px;
752
+ margin: 4px 0px 4px 12px;
824
753
  }
825
754
 
826
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
755
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
827
756
  text-shadow: none;
828
757
  }
829
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
758
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
830
759
  display: none;
831
760
  font-size: 12px;
832
761
  }
833
762
 
834
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
835
- height: 1.8em;
836
- display: inline-flex;
837
- align-items: center;
838
- font-family: monospace;
839
- justify-content: center;
840
- border: 1.5px solid;
841
- margin: 4px 0px 4px 2px;
842
- white-space: pre;
843
- padding: 2px 4px;
844
- font-size: 1.2em;
845
- font-weight: 500;
846
- color: rgba(255, 255, 2555, 0.7);
763
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
764
+ height: 2.2em;
765
+ display: inline-flex;
766
+ align-items: center;
767
+ /* font-family: monospace; */
768
+ justify-content: center;
769
+ border: 2px solid;
770
+ margin: 4px 0px 4px 6px;
771
+ white-space: pre;
772
+ padding: 0px 6px;
773
+ font-size: 1.2em;
774
+ font-weight: 500;
775
+ color: rgba(255, 255, 2555, 0.7);
776
+
777
+ letter-spacing: -.1px;
778
+ line-height: normal;
779
+ text-transform: uppercase;
780
+ color: #FFFFFF;
781
+ opacity: .7;
782
+ font-family: "Proxima Nova";
783
+ }
784
+
785
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
786
+ opacity: 1;
787
+ }
788
+
789
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
790
+ content: "NOT LIVE";
791
+ }
792
+
793
+ .settings-selection.vjs-control.vjs-button{
794
+ display: flex !important;
847
795
  }
848
796
 
849
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
850
- content: "NOT LIVE";
851
- word-spacing: -4px;
797
+ @media(max-width:576px){
798
+ .settings-selection.vjs-control.vjs-button{
799
+ display: none !important;
800
+ }
852
801
  }
853
802
 
854
803
 
855
- @media(max-width:600px){
804
+ @media(max-width:576px){
856
805
  .tvProviderImage{
857
806
  display: none
858
807
  }
859
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
808
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
860
809
  .icon-maximize {
861
810
  height: 30px !important;
862
811
  }
863
812
 
864
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
813
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
865
814
  .icon-minimize {
866
815
  height: 30px !important;
867
816
  }
868
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
869
- width: 3.5em;
817
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
818
+ width: 4.5em;
870
819
  }
871
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
820
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
872
821
  height: min-content;
873
822
  }
874
823
 
875
- .video-js.skin_mini button.vjs-slowmo-button{
824
+ .video-js.skin_news button.vjs-slowmo-button{
876
825
  display: none;
877
826
  }
878
- .video-js.skin_mini button.vjs-rewind-button{
827
+ .video-js.skin_news button.vjs-rewind-button{
879
828
  display: none;
880
829
  }
881
- .video-js.skin_mini button.vjs-rewind-button>svg{
830
+ .video-js.skin_news button.vjs-rewind-button>svg{
882
831
  height: 20px;
883
832
  }
884
- .video-js.skin_mini .vjs-button{
885
- width: 3em;
833
+ .video-js.skin_news .vjs-button{
834
+ width: 4.8em;
886
835
  }
887
- .video-js.skin_mini .widget-selection{
836
+ .video-js.skin_news .widget-selection{
888
837
  display: none;
889
838
  }
890
- .video-js.skin_mini .container{
839
+ .video-js.skin_news .container{
891
840
  display: none !important;
892
841
  }
893
- .video-js.skin_mini .vjs-control-bar{
842
+ .video-js.skin_news .vjs-control-bar{
894
843
  height: 4em !important;
895
844
  }
896
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
845
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
897
846
  font-size: 2.5em;
898
847
  line-height: 1.5;
899
848
  }
900
- .video-js.skin_mini .vjs-play-progress:before {
849
+ .video-js.skin_news .vjs-play-progress:before {
901
850
  font-size: 1.2em;
902
851
  position: absolute;
903
852
  right: -0.5em;
904
853
  z-index: 1;
905
854
  }
906
- .video-js.skin_mini button.vjs-skip-button>svg{
855
+ .video-js.skin_news button.vjs-skip-button>svg{
907
856
  height: 20px;
908
857
  }
858
+ .video-js.skin_news button.vjs-big-play-button {
859
+ width: 50px !important;
860
+ height: 50px !important;
861
+ font-size: 2.1rem !important;
862
+ }
909
863
 
910
864
  .stream-selector-icon>svg{
911
865
  width: 24px;
912
866
  height: 24px;
913
867
  }
914
- .video-js.skin_mini .vjs-seek-to-live-text{
915
- font-size: 12px;
868
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
869
+ margin: 0 12px 0 12px;
916
870
  }
917
-
918
- .video-js.skin_mini .vjs-text-track-display-ttml span {
919
- color: white !important;
920
- font-size: 16px !important;
921
- background-color: rgba(0,0,0,0.2) !important;
922
- }
871
+ .video-js.skin_news .vjs-seek-to-live-text{
872
+ font-size: 12px;
923
873
  }
924
-
925
- .video-js.skin_mini .vjs-text-track-display-ttml span {
926
- color: white !important;
927
- font-size: 16px !important;
928
- background-color: rgba(0,0,0,0.2) !important;
874
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
875
+ margin: 0 12px 0 12px;
929
876
  }
930
-
931
- .video-js.skin_mini .vjs-text-track-display-ttml p {
932
- font-size: 18px !important;
933
877
  }
934
-
935
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
936
- margin-bottom: 1rem !important;
878
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
879
+ width: 90px;
880
+ height: 90px;
881
+ display: flex;
882
+ justify-content: center;
883
+ align-items: center;
884
+ border-radius: 50%;
885
+ position: absolute;
886
+ top: 0;
887
+ left: 0;
888
+ right: 0;
889
+ bottom: 0;
890
+ margin: auto;
891
+ font-size: 6em;
892
+ line-height: 1.4em;
937
893
  }
938
894
 
939
-
940
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
895
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
941
896
  display: flex;
942
897
  justify-content: center;
943
898
  align-items: center;
944
899
  height: 100%;
945
900
  transition: width 0.1s;
946
901
  }
947
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
948
- margin: 2px;
949
- }
950
902
 
951
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
903
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
952
904
  display: flex;
953
905
  justify-content: center;
954
906
  align-items: center;
955
907
  height: 100%;
956
908
  transition: width 0.1s;
957
909
  }
958
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
959
- display: grid;
960
- font-size: 10px;
961
- grid-template-columns: 1fr;
962
- grid-template-rows: 1fr;
963
- padding: 1px 0px 0 0px;
964
- margin: 0;
910
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
911
+ display: none !important;
912
+ }
913
+ .video-js.skin_news .ssai-ad-container{
914
+ position: absolute;
915
+ bottom: 14px;
965
916
  }
966
917
 
967
- @media (max-width: 600px) {
968
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
918
+ @media (max-width: 576px) {
919
+ .video-js.skin_news .ssai-ad-container{
920
+ bottom: 2px;
921
+ }
922
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
969
923
  height: 5px !important;
970
924
  }
925
+ .video-js.skin_news button.vjs-big-play-button {
926
+ width: 50px !important;
927
+ height: 50px !important;
928
+ font-size: 2.1rem !important;
929
+ }
971
930
 
972
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
931
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
973
932
  display: none;
974
933
  }
934
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
935
+ bottom: 2.4em !important;
936
+ right: -1em;
937
+ z-index: 1;
938
+ }
939
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
940
+ display: none !important;
941
+ }
975
942
 
943
+ .video-js.skin_news .vjs-text-track-display-ttml span {
944
+ color: white;
945
+ font-size: 13px;
946
+ background-color: black;
947
+ }
976
948
  }
977
949
 
978
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
950
+ .video-js.skin_news .vjs-text-track-display-ttml span {
951
+ color: white;
952
+ font-size: 16px;
953
+ background-color: black;
954
+ }
955
+
956
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
957
+ margin-bottom: 2rem !important;
958
+ }
959
+
960
+ .video-js.skin_news .vjs-text-track-display-ttml p {
961
+ font-size: 18px !important;
962
+ }
963
+
964
+
965
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
966
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
967
+ font-size: 1.2em !important;
968
+ line-height: 1.5em !important;
969
+ padding: 0.2em 0.8em !important;
970
+ }
971
+
972
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
979
973
  content: none !important;
980
974
  fill: none !important;
981
975
  filter: none !important;
982
976
  }
983
977
 
984
978
  /* svg icons opacity and hover effect */
985
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
979
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
986
980
  opacity: 0.7 !important;
987
981
  }
988
982
 
989
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
983
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
984
+ opacity: 1 !important;
985
+ }
986
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
987
+ opacity: 0.7 !important;
988
+ }
989
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
990
990
  opacity: 1 !important;
991
991
  }
992
992
 
993
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
993
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
994
994
  color: rgba(255, 255, 2555, 0.7)!important;
995
995
  }
996
996
 
997
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
997
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
998
998
  color: rgba(255, 255, 2555, 1)!important;
999
999
  }
1000
1000
 
1001
1001
 
1002
+
1002
1003
  .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1003
1004
  font-size: 2.2em;
1004
1005
  line-height: 2.6;
@@ -1698,7 +1699,6 @@
1698
1699
  }
1699
1700
  }
1700
1701
 
1701
-
1702
1702
  /* CSS for videojs-dvr-seekbar */
1703
1703
 
1704
1704
  .video-js.vjs-dvr-seekbar {
@@ -1879,7 +1879,6 @@
1879
1879
 
1880
1880
 
1881
1881
 
1882
-
1883
1882
  .video-js .multicamera-parent.default{
1884
1883
  height: 345px;
1885
1884
  position: absolute;
@@ -1962,6 +1961,7 @@
1962
1961
 
1963
1962
 
1964
1963
 
1964
+
1965
1965
  .vjs-custom-big-mute.vjs-control{
1966
1966
  position: absolute;
1967
1967
  align-items: center;
@@ -2298,6 +2298,38 @@
2298
2298
  z-index: 30 !important;
2299
2299
  }
2300
2300
 
2301
+ /* a wrapper element that tracks the mouse vertically */
2302
+ .vjs-thumbnail-holder {
2303
+ position: absolute;
2304
+ left: -1000px;
2305
+ }
2306
+
2307
+ /* the thumbnail image itself */
2308
+ .vjs-thumbnail {
2309
+ position: absolute;
2310
+ left: 0;
2311
+ bottom: 1.3em;
2312
+ opacity: 0;
2313
+ transition: opacity .2s ease;
2314
+ -webkit-transition: opacity .2s ease;
2315
+ -moz-transition: opacity .2s ease;
2316
+ -mz-transition: opacity .2s ease;
2317
+ }
2318
+
2319
+ /* fade in the thumbnail when hovering over the progress bar */
2320
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2321
+ .vjs-progress-control:hover .vjs-thumbnail,
2322
+ .vjs-progress-control.fake-active .vjs-thumbnail,
2323
+ .vjs-progress-control:active .vjs-thumbnail {
2324
+ opacity: 1;
2325
+ }
2326
+
2327
+ /* ... but hide the thumbnail when hovering directly over it */
2328
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
2329
+ .vjs-progress-control:active .vjs-thumbnail:active {
2330
+ opacity: 0;
2331
+ }
2332
+
2301
2333
  .video-js.vjs-quality-menu {
2302
2334
  display: block;
2303
2335
  }
@@ -2368,38 +2400,6 @@
2368
2400
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2369
2401
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2370
2402
  }
2371
- /* a wrapper element that tracks the mouse vertically */
2372
- .vjs-thumbnail-holder {
2373
- position: absolute;
2374
- left: -1000px;
2375
- }
2376
-
2377
- /* the thumbnail image itself */
2378
- .vjs-thumbnail {
2379
- position: absolute;
2380
- left: 0;
2381
- bottom: 1.3em;
2382
- opacity: 0;
2383
- transition: opacity .2s ease;
2384
- -webkit-transition: opacity .2s ease;
2385
- -moz-transition: opacity .2s ease;
2386
- -mz-transition: opacity .2s ease;
2387
- }
2388
-
2389
- /* fade in the thumbnail when hovering over the progress bar */
2390
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2391
- .vjs-progress-control:hover .vjs-thumbnail,
2392
- .vjs-progress-control.fake-active .vjs-thumbnail,
2393
- .vjs-progress-control:active .vjs-thumbnail {
2394
- opacity: 1;
2395
- }
2396
-
2397
- /* ... but hide the thumbnail when hovering directly over it */
2398
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2399
- .vjs-progress-control:active .vjs-thumbnail:active {
2400
- opacity: 0;
2401
- }
2402
-
2403
2403
  .vjs-poster {
2404
2404
  display: inline-block;
2405
2405
  vertical-align: middle;