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