@viewlift/player-backup 2.0.333-backup → 2.0.335-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.
- package/cjs/{autoNextVideo-69ef2f88.js → autoNextVideo-2e9a3cdb.js} +1 -1
- package/cjs/bundle.css +530 -528
- package/cjs/{caption-settings-89b6d39a.js → caption-settings-a917a4f2.js} +1 -1
- package/cjs/captions-5805755e.js +1 -0
- package/cjs/{features-877a4706.js → features-2303ca59.js} +1 -1
- package/cjs/{generic-d4d8c07e.js → generic-fb8ff852.js} +1 -1
- package/cjs/{index-a2295045.js → index-062c1e55.js} +1 -1
- package/cjs/{index-6455c5eb.js → index-b03a60bc.js} +1 -1
- package/cjs/{index-0176e5f3.js → index-bade3dce.js} +1 -1
- package/cjs/index.js +1 -1
- package/cjs/{multicamv2-3d6de978.js → multicamv2-23047e82.js} +1 -1
- package/cjs/{multicamv2-950a5e4a.js → multicamv2-6d4c49a2.js} +1 -1
- package/cjs/{nextEpisodeButton-09a3c118.js → nextEpisodeButton-c0a409f8.js} +1 -1
- package/cjs/{playlist-d71abbf1.js → playlist-a962969c.js} +1 -1
- package/cjs/{series-107bdbd7.js → series-f644c3f7.js} +1 -1
- package/cjs/{series-v2-c838e42e.js → series-v2-531aaec8.js} +1 -1
- package/cjs/{series-v2-c7ceb8f1.js → series-v2-e7f5ddc3.js} +1 -1
- package/cjs/{skin-384d555f.js → skin-1a8770e0.js} +1 -1
- package/cjs/{skin-e9ce5b2b.js → skin-1c26ed3b.js} +1 -1
- package/cjs/{skin-ed510fc2.js → skin-335afd31.js} +1 -1
- package/cjs/{skin-4955a650.js → skin-371908f9.js} +1 -1
- package/cjs/{skin-a4044fd7.js → skin-76f88332.js} +1 -1
- package/cjs/{skin-5961a460.js → skin-b0448cb1.js} +1 -1
- package/cjs/{skin-f53870b9.js → skin-b3528196.js} +1 -1
- package/cjs/{skin-9946b67b.js → skin-c21ae8be.js} +1 -1
- package/cjs/{skin-604bb193.js → skin-ddefb028.js} +1 -1
- package/cjs/{skin-fb6ca0f2.js → skin-e6abadba.js} +1 -1
- package/cjs/{videoSelector-1a37b507.js → videoSelector-3792d1e2.js} +1 -1
- package/cjs/videoSelector-b603b7da.js +1 -0
- package/esm/{autoNextVideo-6b665209.js → autoNextVideo-71cb1d4f.js} +1 -1
- package/esm/bundle.css +530 -528
- package/esm/{caption-settings-6ced512f.js → caption-settings-eba038e4.js} +1 -1
- package/esm/captions-5a65f50d.js +1 -0
- package/esm/{features-2820787c.js → features-e1d90014.js} +1 -1
- package/esm/{generic-f09dca9c.js → generic-e7171395.js} +1 -1
- package/esm/helpers/accessibility.d.ts +1 -0
- package/esm/{index-d0150451.js → index-423ee30f.js} +1 -1
- package/esm/{index-55d062b5.js → index-99d76d65.js} +1 -1
- package/esm/{index-2be83248.js → index-ec939646.js} +1 -1
- package/esm/index.js +1 -1
- package/esm/{multicamv2-c95b8c7b.js → multicamv2-2bb97c30.js} +1 -1
- package/esm/{multicamv2-66f6f70b.js → multicamv2-8cefec3c.js} +1 -1
- package/esm/{nextEpisodeButton-b0b711a6.js → nextEpisodeButton-09bc6c7e.js} +1 -1
- package/esm/{playlist-156f29a1.js → playlist-ea09b0a7.js} +1 -1
- package/esm/{series-6b194228.js → series-ad74cea6.js} +1 -1
- package/esm/{series-v2-556f807a.js → series-v2-9e13d59a.js} +1 -1
- package/esm/{series-v2-41e2f02f.js → series-v2-f8c43ef7.js} +1 -1
- package/esm/{skin-f71302dd.js → skin-1d554322.js} +1 -1
- package/esm/{skin-6b177208.js → skin-8d77c2e6.js} +1 -1
- package/esm/{skin-8cb8fed8.js → skin-93a5b9fb.js} +1 -1
- package/esm/{skin-2e7e3a2b.js → skin-b26e9a60.js} +1 -1
- package/esm/{skin-e1640ebd.js → skin-b45d7648.js} +1 -1
- package/esm/{skin-12772214.js → skin-cc0815b1.js} +1 -1
- package/esm/{skin-9fb49959.js → skin-d05b9b89.js} +1 -1
- package/esm/{skin-f3053a73.js → skin-df117eb1.js} +1 -1
- package/esm/{skin-6093e093.js → skin-eacebcaa.js} +1 -1
- package/esm/{skin-b114055a.js → skin-f447e270.js} +1 -1
- package/esm/{videoSelector-2f39e0f7.js → videoSelector-5cc99b34.js} +1 -1
- package/esm/videoSelector-da853b57.js +1 -0
- package/package.json +1 -1
- package/cjs/captions-c8b5cc66.js +0 -1
- package/cjs/videoSelector-826afd2b.js +0 -1
- package/esm/captions-92c899aa.js +0 -1
- package/esm/videoSelector-f217c85b.js +0 -1
package/esm/bundle.css
CHANGED
|
@@ -4,230 +4,31 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
.video-js.
|
|
8
|
-
height: 0.7em;
|
|
9
|
-
position: absolute;
|
|
10
|
-
top: -0.7em;
|
|
11
|
-
width: 100%;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
15
|
-
height: 100%;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
19
|
-
line-height: 2.5;
|
|
20
|
-
}
|
|
21
|
-
|
|
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;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
35
|
-
height: 19px;
|
|
36
|
-
width: 19px;
|
|
37
|
-
cursor: pointer;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.video-js.skin_vlone .vjs-play-progress:before {
|
|
41
|
-
display: none !important;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
45
|
-
margin: 0 !important;
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
51
|
-
display: block;
|
|
52
|
-
flex: 1 1 auto;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
56
|
-
z-index: 1;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
.video-js.skin_vlone .vjs-control-bar {
|
|
61
|
-
height: 40px;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
|
|
65
|
-
.vjs-button>.vjs-icon-placeholder:before {
|
|
66
|
-
position: relative !important;
|
|
67
|
-
}
|
|
68
|
-
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
|
|
69
|
-
display: flex;
|
|
70
|
-
left: 0px;
|
|
71
|
-
top: -1px;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.vjs-button>.vjs-icon-placeholder:before {
|
|
75
|
-
font-size: 2em !important;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.video-js.skin_vlone .vjs-control {
|
|
79
|
-
width: 4.3em;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.vjs-menu-button-popup .vjs-menu {
|
|
83
|
-
bottom: 10px !important;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
|
|
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;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
.video-js.skin_vlone.vjs-live .vjs-time-control{
|
|
96
|
-
display: none !important;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.video-js.skin_vlone .vjs-time-control {
|
|
100
|
-
display: block;
|
|
101
|
-
}
|
|
102
|
-
.video-js.skin_vlone .vjs-remaining-time {
|
|
103
|
-
display: none;
|
|
104
|
-
}
|
|
105
|
-
|
|
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;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.video-js.skin_vlone .vjs-time-divider > div{
|
|
113
|
-
display: flex;
|
|
114
|
-
justify-content: center;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.video-js.skin_vlone .vjs-live-control{
|
|
118
|
-
align-items: center;
|
|
119
|
-
}
|
|
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;
|
|
129
|
-
}
|
|
130
|
-
.video-js.skin_vlone .vjs-live-display.vjs-behind-live{
|
|
131
|
-
background: #6b6b6b;
|
|
132
|
-
}
|
|
133
|
-
.video-js.skin_vlone .vjs-live-display:hover{
|
|
134
|
-
cursor: pointer;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
.video-js.skin_vlone .vjs-time-control {
|
|
138
|
-
line-height: 3.5em !important;
|
|
139
|
-
font-size: 1.1em !important;
|
|
140
|
-
width: min-content !important;
|
|
141
|
-
min-width: 1.5em;
|
|
142
|
-
padding: 0 !important;
|
|
143
|
-
user-select: none;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
147
|
-
margin-left: 16px !important;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
151
|
-
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
152
|
-
font-size: 1.2em !important;
|
|
153
|
-
line-height: 1.5em !important;
|
|
154
|
-
padding: 0.2em 0.8em !important;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
/* Big play */
|
|
159
|
-
.video-js.skin_vlone.vjs-paused .vjs-big-play-button {
|
|
160
|
-
width: 80px;
|
|
161
|
-
height: 80px;
|
|
162
|
-
display: flex;
|
|
163
|
-
justify-content: center;
|
|
164
|
-
align-items: center;
|
|
165
|
-
border: none;
|
|
166
|
-
position: absolute;
|
|
167
|
-
top: 0;
|
|
168
|
-
left: 0;
|
|
169
|
-
right: 0;
|
|
170
|
-
bottom: 0;
|
|
171
|
-
margin: auto;
|
|
172
|
-
font-size: 5em;
|
|
173
|
-
line-height: 1.3em;
|
|
174
|
-
transform: none !important;
|
|
175
|
-
border-radius: 1.3em;
|
|
176
|
-
}
|
|
177
|
-
.video-js.skin_vlone .ssai-ad-container{
|
|
178
|
-
position: absolute;
|
|
179
|
-
bottom: 4px;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
@media(max-width:600px){
|
|
183
|
-
.video-js.skin_vlone button.vjs-big-play-button {
|
|
184
|
-
width: 50px !important;
|
|
185
|
-
height: 50px !important;
|
|
186
|
-
font-size: 2.1rem !important;
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
.video-js.skin_vlone .ssai-ad-container {
|
|
190
|
-
position: absolute;
|
|
191
|
-
bottom: 2px;
|
|
192
|
-
}
|
|
193
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
194
|
-
display: none;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
|
|
198
|
-
/* display: none; */
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
|
|
202
|
-
/* display: none; */
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
7
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
|
|
207
8
|
font-size: 2.2em;
|
|
208
9
|
line-height: 2.6;
|
|
209
10
|
}
|
|
210
|
-
.video-js.
|
|
211
|
-
background:
|
|
11
|
+
.video-js.skin_news .vjs-custom-big-mute.vjs-control{
|
|
12
|
+
background: white;
|
|
212
13
|
}
|
|
213
|
-
.video-js.
|
|
14
|
+
.video-js.skin_news .vjs-control-bar{
|
|
214
15
|
z-index: 1 !important;
|
|
215
16
|
height: 5em !important;
|
|
216
17
|
background: black !important;
|
|
217
18
|
}
|
|
218
|
-
.video-js.
|
|
19
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
219
20
|
display: flex;
|
|
220
21
|
align-items: center;
|
|
221
22
|
justify-content: center;
|
|
222
23
|
}
|
|
223
24
|
|
|
224
|
-
.video-js.
|
|
25
|
+
.video-js.skin_news .vjs-fade>* {
|
|
225
26
|
visibility: hidden !important;
|
|
226
27
|
opacity: 0 !important;
|
|
227
28
|
transition: visibility 1s, opacity 1s !important;
|
|
228
29
|
}
|
|
229
30
|
|
|
230
|
-
.video-js.
|
|
31
|
+
.video-js.skin_news .custom-spaced-progress-bar {
|
|
231
32
|
position: absolute;
|
|
232
33
|
width: 100%;
|
|
233
34
|
display: flex;
|
|
@@ -235,7 +36,7 @@
|
|
|
235
36
|
top: -0.5em;
|
|
236
37
|
}
|
|
237
38
|
|
|
238
|
-
.video-js.
|
|
39
|
+
.video-js.skin_news .vjs-progress-control {
|
|
239
40
|
/* left: -6px; */
|
|
240
41
|
position: relative;
|
|
241
42
|
width: 100%;
|
|
@@ -243,25 +44,22 @@
|
|
|
243
44
|
transition: height 0.1s, top 0.1s;
|
|
244
45
|
}
|
|
245
46
|
|
|
246
|
-
.video-js.skin_news_live .vjs-volume-panel{
|
|
247
|
-
min-width: 5.3em;
|
|
248
|
-
}
|
|
249
47
|
|
|
250
48
|
|
|
251
49
|
|
|
252
|
-
.video-js.
|
|
253
|
-
|
|
254
|
-
|
|
50
|
+
.video-js.skin_news .vjs-custom-control-spacer {
|
|
51
|
+
display: block;
|
|
52
|
+
flex: 1 1 auto;
|
|
255
53
|
}
|
|
256
54
|
|
|
257
|
-
.video-js.
|
|
55
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
258
56
|
margin: 0 0px 0 0px;
|
|
259
57
|
}
|
|
260
|
-
.video-js.
|
|
58
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
261
59
|
display: none;
|
|
262
60
|
}
|
|
263
61
|
|
|
264
|
-
.video-js.
|
|
62
|
+
.video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
265
63
|
font-size: 14px;
|
|
266
64
|
font-weight: 500;
|
|
267
65
|
align-self: center;
|
|
@@ -270,30 +68,30 @@
|
|
|
270
68
|
border-radius: 8px;
|
|
271
69
|
}
|
|
272
70
|
|
|
273
|
-
.video-js.
|
|
71
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
274
72
|
height: 6px !important;
|
|
275
73
|
}
|
|
276
74
|
|
|
277
|
-
.video-js.
|
|
75
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
278
76
|
font-size: 1.5em;
|
|
279
77
|
line-height: unset;
|
|
280
78
|
top: -0.3333333333em;
|
|
281
79
|
}
|
|
282
80
|
|
|
283
|
-
.video-js.
|
|
81
|
+
.video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
|
|
284
82
|
display: none !important;
|
|
285
83
|
}
|
|
286
84
|
|
|
287
85
|
/* */
|
|
288
|
-
.video-js.
|
|
86
|
+
.video-js.skin_news .vjs-mouse-display{
|
|
289
87
|
font-size: 1.6666666667em;
|
|
290
88
|
}
|
|
291
89
|
|
|
292
|
-
.video-js.
|
|
90
|
+
.video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
|
|
293
91
|
font-size: 1em !important;
|
|
294
92
|
}
|
|
295
93
|
|
|
296
|
-
.video-js.
|
|
94
|
+
.video-js.skin_news .vjs-button{
|
|
297
95
|
width: 5.3em;
|
|
298
96
|
display: flex;
|
|
299
97
|
align-items: center;
|
|
@@ -301,71 +99,63 @@
|
|
|
301
99
|
}
|
|
302
100
|
|
|
303
101
|
|
|
304
|
-
.video-js.
|
|
102
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
305
103
|
.icon-maximize {
|
|
306
104
|
display: block;
|
|
307
105
|
height: 32px;
|
|
308
106
|
}
|
|
309
107
|
|
|
310
|
-
.video-js.
|
|
108
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
311
109
|
line-height: 4;
|
|
312
110
|
}
|
|
313
111
|
|
|
314
|
-
.video-js.
|
|
112
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
315
113
|
.icon-minimize {
|
|
316
114
|
display: none;
|
|
317
115
|
height: 32px;
|
|
318
116
|
}
|
|
319
117
|
|
|
320
|
-
.video-js.
|
|
118
|
+
.video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
|
|
321
119
|
outline: none !important;
|
|
322
|
-
/* flex: 1; */
|
|
323
|
-
}
|
|
324
|
-
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
325
|
-
display: flex;
|
|
326
|
-
flex: 1;
|
|
327
|
-
justify-content: center;
|
|
328
120
|
}
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
121
|
+
.video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
332
122
|
.vjs-icon-fullscreen-enter:before {
|
|
333
123
|
/* content: '' !important; */
|
|
334
124
|
}
|
|
335
125
|
|
|
336
|
-
.video-js.
|
|
126
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
337
127
|
display: flex;
|
|
338
128
|
justify-content: center;
|
|
339
129
|
align-items: center;
|
|
340
130
|
/* transform: rotate(90deg); */
|
|
341
131
|
}
|
|
342
132
|
|
|
343
|
-
.video-js.
|
|
133
|
+
.video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
344
134
|
display: none;
|
|
345
135
|
}
|
|
346
|
-
.video-js.
|
|
136
|
+
.video-js.skin_news .vjs-volume-panel .vjs-volume-control{
|
|
347
137
|
margin-left: -10px;
|
|
348
138
|
}
|
|
349
139
|
|
|
350
|
-
.video-js.
|
|
140
|
+
.video-js.skin_news .skipbtn:hover{
|
|
351
141
|
cursor: pointer;
|
|
352
142
|
}
|
|
353
143
|
|
|
354
|
-
.video-js.
|
|
144
|
+
.video-js.skin_news .rewindbtn:hover{
|
|
355
145
|
cursor: pointer;
|
|
356
146
|
}
|
|
357
147
|
|
|
358
|
-
.video-js.
|
|
148
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control{
|
|
359
149
|
position: relative;
|
|
360
150
|
padding-left: 0;
|
|
361
151
|
}
|
|
362
152
|
|
|
363
|
-
.video-js.
|
|
153
|
+
.video-js.skin_news.vjs-seeking .vjs-big-play-button{
|
|
364
154
|
display: none !important;
|
|
365
155
|
}
|
|
366
156
|
|
|
367
|
-
.video-js.
|
|
368
|
-
|
|
157
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
158
|
+
width: 90px;
|
|
369
159
|
height: 90px;
|
|
370
160
|
display: flex;
|
|
371
161
|
justify-content: center;
|
|
@@ -380,20 +170,19 @@
|
|
|
380
170
|
font-size: 6em;
|
|
381
171
|
line-height: 1.4em;
|
|
382
172
|
border: 0.05em solid;
|
|
383
|
-
color: inherit;
|
|
384
|
-
display: none !important;
|
|
173
|
+
color: inherit;
|
|
385
174
|
}
|
|
386
|
-
.video-js.
|
|
175
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
387
176
|
font-weight: bold;
|
|
388
177
|
}
|
|
389
178
|
|
|
390
|
-
.video-js.
|
|
179
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content{
|
|
391
180
|
bottom: 2.4em !important;
|
|
392
181
|
right: -1em;
|
|
393
182
|
z-index: 1;
|
|
394
183
|
}
|
|
395
184
|
|
|
396
|
-
.video-js.
|
|
185
|
+
.video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
|
|
397
186
|
width: 24px !important;
|
|
398
187
|
height: 24px !important;
|
|
399
188
|
}
|
|
@@ -403,34 +192,34 @@
|
|
|
403
192
|
}
|
|
404
193
|
|
|
405
194
|
|
|
406
|
-
.video-js.
|
|
195
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
407
196
|
cursor: pointer;
|
|
408
197
|
}
|
|
409
198
|
|
|
410
|
-
.video-js.
|
|
199
|
+
.video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
411
200
|
padding-right: 0;
|
|
412
|
-
display: none;
|
|
413
201
|
}
|
|
414
202
|
|
|
415
|
-
.video-js.
|
|
203
|
+
.video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
416
204
|
padding-left: 0;
|
|
417
|
-
display: none;
|
|
418
205
|
}
|
|
419
206
|
|
|
420
|
-
.video-js.
|
|
207
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
421
208
|
padding-left: 0;
|
|
422
209
|
padding-right: 0;
|
|
423
|
-
display:
|
|
210
|
+
display: flex;
|
|
211
|
+
justify-content: center;
|
|
212
|
+
width: min-content;
|
|
424
213
|
}
|
|
425
214
|
|
|
426
|
-
.video-js.
|
|
215
|
+
.video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
|
|
427
216
|
display: none
|
|
428
217
|
}
|
|
429
|
-
.video-js.
|
|
218
|
+
.video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
430
219
|
display: none
|
|
431
220
|
}
|
|
432
221
|
|
|
433
|
-
.video-js.
|
|
222
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control {
|
|
434
223
|
display: flex;
|
|
435
224
|
align-items: center;
|
|
436
225
|
font-weight: 700;
|
|
@@ -438,26 +227,26 @@
|
|
|
438
227
|
min-width: 1.2em;
|
|
439
228
|
}
|
|
440
229
|
|
|
441
|
-
.video-js.
|
|
230
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
442
231
|
display: none;
|
|
443
232
|
font-size: 11px;
|
|
444
233
|
justify-content: center;
|
|
445
234
|
align-items: center;
|
|
446
235
|
user-select: none;
|
|
447
236
|
}
|
|
448
|
-
.video-js.
|
|
237
|
+
.video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
449
238
|
display: none;
|
|
450
239
|
}
|
|
451
240
|
|
|
452
|
-
.video-js.
|
|
241
|
+
.video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
453
242
|
height: min-content;
|
|
454
243
|
width: min-content;
|
|
455
244
|
}
|
|
456
|
-
.video-js.
|
|
245
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
457
246
|
width: 6em;
|
|
458
247
|
}
|
|
459
248
|
|
|
460
|
-
.video-js.
|
|
249
|
+
.video-js.skin_news .content{
|
|
461
250
|
bottom: 3.4rem !important;
|
|
462
251
|
right: -4rem !important;
|
|
463
252
|
}
|
|
@@ -476,16 +265,15 @@
|
|
|
476
265
|
pointer-events:none
|
|
477
266
|
}
|
|
478
267
|
|
|
479
|
-
.video-js.
|
|
268
|
+
.video-js.skin_news iframe{
|
|
480
269
|
width: 100%;
|
|
481
270
|
height: 100%;
|
|
482
271
|
}
|
|
483
272
|
|
|
484
|
-
.video-js.
|
|
273
|
+
.video-js.skin_news .vjs-live-control{
|
|
485
274
|
align-items: center;
|
|
486
|
-
display: none;
|
|
487
275
|
}
|
|
488
|
-
.video-js.
|
|
276
|
+
.video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
|
|
489
277
|
height: 2.2em;
|
|
490
278
|
display: flex;
|
|
491
279
|
align-items: center;
|
|
@@ -496,22 +284,43 @@
|
|
|
496
284
|
margin: 4px 0px 4px 12px;
|
|
497
285
|
}
|
|
498
286
|
|
|
499
|
-
.video-js.
|
|
287
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
|
|
500
288
|
text-shadow: none;
|
|
501
289
|
}
|
|
290
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
291
|
+
display: none;
|
|
292
|
+
font-size: 12px;
|
|
293
|
+
}
|
|
502
294
|
|
|
503
|
-
.video-js.
|
|
504
|
-
|
|
295
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
296
|
+
height: 2.2em;
|
|
297
|
+
display: inline-flex;
|
|
298
|
+
align-items: center;
|
|
299
|
+
/* font-family: monospace; */
|
|
505
300
|
justify-content: center;
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
301
|
+
border: 2px solid;
|
|
302
|
+
margin: 4px 0px 4px 6px;
|
|
303
|
+
white-space: pre;
|
|
304
|
+
padding: 0px 6px;
|
|
305
|
+
font-size: 1.2em;
|
|
306
|
+
font-weight: 500;
|
|
307
|
+
color: rgba(255, 255, 2555, 0.7);
|
|
308
|
+
|
|
309
|
+
letter-spacing: -.1px;
|
|
310
|
+
line-height: normal;
|
|
311
|
+
text-transform: uppercase;
|
|
312
|
+
color: #FFFFFF;
|
|
313
|
+
opacity: .7;
|
|
314
|
+
font-family: "Proxima Nova";
|
|
509
315
|
}
|
|
510
316
|
|
|
511
|
-
.video-js.
|
|
512
|
-
|
|
317
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
|
|
318
|
+
opacity: 1;
|
|
513
319
|
}
|
|
514
320
|
|
|
321
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
322
|
+
content: "NOT LIVE";
|
|
323
|
+
}
|
|
515
324
|
|
|
516
325
|
.settings-selection.vjs-control.vjs-button{
|
|
517
326
|
display: flex !important;
|
|
@@ -528,57 +337,57 @@
|
|
|
528
337
|
.tvProviderImage{
|
|
529
338
|
display: none
|
|
530
339
|
}
|
|
531
|
-
.video-js.
|
|
340
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
532
341
|
.icon-maximize {
|
|
533
342
|
height: 30px !important;
|
|
534
343
|
}
|
|
535
344
|
|
|
536
|
-
.video-js.
|
|
345
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
537
346
|
.icon-minimize {
|
|
538
347
|
height: 30px !important;
|
|
539
348
|
}
|
|
540
|
-
.video-js.
|
|
349
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
541
350
|
width: 4.5em;
|
|
542
351
|
}
|
|
543
|
-
.video-js.
|
|
352
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
544
353
|
height: min-content;
|
|
545
354
|
}
|
|
546
355
|
|
|
547
|
-
.video-js.
|
|
356
|
+
.video-js.skin_news button.vjs-slowmo-button{
|
|
548
357
|
display: none;
|
|
549
358
|
}
|
|
550
|
-
.video-js.
|
|
359
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
551
360
|
display: none;
|
|
552
361
|
}
|
|
553
|
-
.video-js.
|
|
362
|
+
.video-js.skin_news button.vjs-rewind-button>svg{
|
|
554
363
|
height: 20px;
|
|
555
364
|
}
|
|
556
|
-
.video-js.
|
|
365
|
+
.video-js.skin_news .vjs-button{
|
|
557
366
|
width: 4.8em;
|
|
558
367
|
}
|
|
559
|
-
.video-js.
|
|
368
|
+
.video-js.skin_news .widget-selection{
|
|
560
369
|
display: none;
|
|
561
370
|
}
|
|
562
|
-
.video-js.
|
|
371
|
+
.video-js.skin_news .container{
|
|
563
372
|
display: none !important;
|
|
564
373
|
}
|
|
565
|
-
.video-js.
|
|
374
|
+
.video-js.skin_news .vjs-control-bar{
|
|
566
375
|
height: 4em !important;
|
|
567
376
|
}
|
|
568
|
-
.video-js.
|
|
377
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
|
|
569
378
|
font-size: 2.5em;
|
|
570
379
|
line-height: 1.5;
|
|
571
380
|
}
|
|
572
|
-
.video-js.
|
|
381
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
573
382
|
font-size: 1.2em;
|
|
574
383
|
position: absolute;
|
|
575
384
|
right: -0.5em;
|
|
576
385
|
z-index: 1;
|
|
577
386
|
}
|
|
578
|
-
.video-js.
|
|
387
|
+
.video-js.skin_news button.vjs-skip-button>svg{
|
|
579
388
|
height: 20px;
|
|
580
389
|
}
|
|
581
|
-
.video-js.
|
|
390
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
582
391
|
width: 50px !important;
|
|
583
392
|
height: 50px !important;
|
|
584
393
|
font-size: 2.1rem !important;
|
|
@@ -588,17 +397,17 @@
|
|
|
588
397
|
width: 24px;
|
|
589
398
|
height: 24px;
|
|
590
399
|
}
|
|
591
|
-
.video-js.
|
|
400
|
+
.video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
592
401
|
margin: 0 12px 0 12px;
|
|
593
402
|
}
|
|
594
|
-
.video-js.
|
|
403
|
+
.video-js.skin_news .vjs-seek-to-live-text{
|
|
595
404
|
font-size: 12px;
|
|
596
405
|
}
|
|
597
|
-
.video-js.
|
|
406
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
598
407
|
margin: 0 12px 0 12px;
|
|
599
408
|
}
|
|
600
409
|
}
|
|
601
|
-
.video-js.
|
|
410
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
602
411
|
width: 90px;
|
|
603
412
|
height: 90px;
|
|
604
413
|
display: flex;
|
|
@@ -615,7 +424,7 @@
|
|
|
615
424
|
line-height: 1.4em;
|
|
616
425
|
}
|
|
617
426
|
|
|
618
|
-
.video-js.
|
|
427
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
619
428
|
display: flex;
|
|
620
429
|
justify-content: center;
|
|
621
430
|
align-items: center;
|
|
@@ -623,22 +432,29 @@
|
|
|
623
432
|
transition: width 0.1s;
|
|
624
433
|
}
|
|
625
434
|
|
|
626
|
-
.video-js.
|
|
435
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
627
436
|
display: flex;
|
|
628
437
|
justify-content: center;
|
|
629
438
|
align-items: center;
|
|
630
439
|
height: 100%;
|
|
631
440
|
transition: width 0.1s;
|
|
632
441
|
}
|
|
633
|
-
.video-js.
|
|
442
|
+
.video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
634
443
|
display: none !important;
|
|
635
444
|
}
|
|
445
|
+
.video-js.skin_news .ssai-ad-container{
|
|
446
|
+
position: absolute;
|
|
447
|
+
bottom: 14px;
|
|
448
|
+
}
|
|
636
449
|
|
|
637
450
|
@media (max-width: 576px) {
|
|
638
|
-
.video-js.
|
|
451
|
+
.video-js.skin_news .ssai-ad-container{
|
|
452
|
+
bottom: 2px;
|
|
453
|
+
}
|
|
454
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
639
455
|
height: 5px !important;
|
|
640
456
|
}
|
|
641
|
-
.video-js.
|
|
457
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
642
458
|
width: 50px !important;
|
|
643
459
|
height: 50px !important;
|
|
644
460
|
font-size: 2.1rem !important;
|
|
@@ -647,39 +463,70 @@
|
|
|
647
463
|
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
648
464
|
display: none;
|
|
649
465
|
}
|
|
650
|
-
.video-js.
|
|
466
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
651
467
|
bottom: 2.4em !important;
|
|
652
468
|
right: -1em;
|
|
653
469
|
z-index: 1;
|
|
654
470
|
}
|
|
655
|
-
.video-js.
|
|
471
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
656
472
|
display: none !important;
|
|
657
473
|
}
|
|
658
474
|
|
|
475
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
476
|
+
color: white;
|
|
477
|
+
font-size: 13px;
|
|
478
|
+
background-color: black;
|
|
479
|
+
}
|
|
659
480
|
}
|
|
660
481
|
|
|
661
|
-
.video-js.
|
|
662
|
-
|
|
482
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
483
|
+
color: white;
|
|
484
|
+
font-size: 16px;
|
|
485
|
+
background-color: black;
|
|
663
486
|
}
|
|
664
487
|
|
|
665
|
-
.video-js.
|
|
666
|
-
|
|
488
|
+
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
489
|
+
margin-bottom: 2rem !important;
|
|
490
|
+
}
|
|
491
|
+
|
|
492
|
+
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
493
|
+
font-size: 18px !important;
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
|
|
497
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
498
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
667
499
|
font-size: 1.2em !important;
|
|
668
500
|
line-height: 1.5em !important;
|
|
669
501
|
padding: 0.2em 0.8em !important;
|
|
670
502
|
}
|
|
671
503
|
|
|
672
|
-
.video-js.
|
|
504
|
+
.video-js.skin_news .vjs-control-bar .vjs-svg-icon{
|
|
673
505
|
content: none !important;
|
|
674
506
|
fill: none !important;
|
|
675
507
|
filter: none !important;
|
|
676
508
|
}
|
|
677
509
|
|
|
678
|
-
|
|
510
|
+
/* svg icons opacity and hover effect */
|
|
511
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
|
|
512
|
+
opacity: 0.7 !important;
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
516
|
+
opacity: 1 !important;
|
|
517
|
+
}
|
|
518
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
519
|
+
opacity: 0.7 !important;
|
|
520
|
+
}
|
|
521
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
522
|
+
opacity: 1 !important;
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
679
526
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
680
527
|
}
|
|
681
528
|
|
|
682
|
-
.video-js.
|
|
529
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
683
530
|
color: rgba(255, 255, 2555, 1)!important;
|
|
684
531
|
}
|
|
685
532
|
|
|
@@ -1018,31 +865,31 @@
|
|
|
1018
865
|
}
|
|
1019
866
|
}
|
|
1020
867
|
|
|
1021
|
-
.video-js.
|
|
868
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
1022
869
|
font-size: 2.2em;
|
|
1023
870
|
line-height: 2.6;
|
|
1024
871
|
}
|
|
1025
|
-
.video-js.
|
|
1026
|
-
background:
|
|
872
|
+
.video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
|
|
873
|
+
background: #fcb700;
|
|
1027
874
|
}
|
|
1028
|
-
.video-js.
|
|
875
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
1029
876
|
z-index: 1 !important;
|
|
1030
877
|
height: 5em !important;
|
|
1031
878
|
background: black !important;
|
|
1032
879
|
}
|
|
1033
|
-
.video-js.
|
|
880
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
1034
881
|
display: flex;
|
|
1035
882
|
align-items: center;
|
|
1036
883
|
justify-content: center;
|
|
1037
884
|
}
|
|
1038
885
|
|
|
1039
|
-
.video-js.
|
|
886
|
+
.video-js.skin_news_live .vjs-fade>* {
|
|
1040
887
|
visibility: hidden !important;
|
|
1041
888
|
opacity: 0 !important;
|
|
1042
889
|
transition: visibility 1s, opacity 1s !important;
|
|
1043
890
|
}
|
|
1044
891
|
|
|
1045
|
-
.video-js.
|
|
892
|
+
.video-js.skin_news_live .custom-spaced-progress-bar {
|
|
1046
893
|
position: absolute;
|
|
1047
894
|
width: 100%;
|
|
1048
895
|
display: flex;
|
|
@@ -1050,7 +897,7 @@
|
|
|
1050
897
|
top: -0.5em;
|
|
1051
898
|
}
|
|
1052
899
|
|
|
1053
|
-
.video-js.
|
|
900
|
+
.video-js.skin_news_live .vjs-progress-control {
|
|
1054
901
|
/* left: -6px; */
|
|
1055
902
|
position: relative;
|
|
1056
903
|
width: 100%;
|
|
@@ -1058,22 +905,25 @@
|
|
|
1058
905
|
transition: height 0.1s, top 0.1s;
|
|
1059
906
|
}
|
|
1060
907
|
|
|
908
|
+
.video-js.skin_news_live .vjs-volume-panel{
|
|
909
|
+
min-width: 5.3em;
|
|
910
|
+
}
|
|
1061
911
|
|
|
1062
912
|
|
|
1063
913
|
|
|
1064
|
-
.video-js.
|
|
1065
|
-
display: block;
|
|
1066
|
-
flex: 1 1 auto;
|
|
914
|
+
.video-js.skin_news_live .vjs-custom-control-spacer {
|
|
915
|
+
/* display: block; */
|
|
916
|
+
/* flex: 1 1 auto; */
|
|
1067
917
|
}
|
|
1068
918
|
|
|
1069
|
-
.video-js.
|
|
919
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
1070
920
|
margin: 0 0px 0 0px;
|
|
1071
921
|
}
|
|
1072
|
-
.video-js.
|
|
922
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1073
923
|
display: none;
|
|
1074
924
|
}
|
|
1075
925
|
|
|
1076
|
-
.video-js.
|
|
926
|
+
.video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
1077
927
|
font-size: 14px;
|
|
1078
928
|
font-weight: 500;
|
|
1079
929
|
align-self: center;
|
|
@@ -1082,30 +932,30 @@
|
|
|
1082
932
|
border-radius: 8px;
|
|
1083
933
|
}
|
|
1084
934
|
|
|
1085
|
-
.video-js.
|
|
935
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
1086
936
|
height: 6px !important;
|
|
1087
937
|
}
|
|
1088
938
|
|
|
1089
|
-
.video-js.
|
|
939
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
1090
940
|
font-size: 1.5em;
|
|
1091
941
|
line-height: unset;
|
|
1092
942
|
top: -0.3333333333em;
|
|
1093
943
|
}
|
|
1094
944
|
|
|
1095
|
-
.video-js.
|
|
945
|
+
.video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
|
|
1096
946
|
display: none !important;
|
|
1097
947
|
}
|
|
1098
948
|
|
|
1099
949
|
/* */
|
|
1100
|
-
.video-js.
|
|
950
|
+
.video-js.skin_news_live .vjs-mouse-display{
|
|
1101
951
|
font-size: 1.6666666667em;
|
|
1102
952
|
}
|
|
1103
953
|
|
|
1104
|
-
.video-js.
|
|
954
|
+
.video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
|
|
1105
955
|
font-size: 1em !important;
|
|
1106
956
|
}
|
|
1107
957
|
|
|
1108
|
-
.video-js.
|
|
958
|
+
.video-js.skin_news_live .vjs-button{
|
|
1109
959
|
width: 5.3em;
|
|
1110
960
|
display: flex;
|
|
1111
961
|
align-items: center;
|
|
@@ -1113,63 +963,71 @@
|
|
|
1113
963
|
}
|
|
1114
964
|
|
|
1115
965
|
|
|
1116
|
-
.video-js.
|
|
966
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
1117
967
|
.icon-maximize {
|
|
1118
968
|
display: block;
|
|
1119
969
|
height: 32px;
|
|
1120
970
|
}
|
|
1121
971
|
|
|
1122
|
-
.video-js.
|
|
972
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
1123
973
|
line-height: 4;
|
|
1124
974
|
}
|
|
1125
975
|
|
|
1126
|
-
.video-js.
|
|
976
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
1127
977
|
.icon-minimize {
|
|
1128
978
|
display: none;
|
|
1129
979
|
height: 32px;
|
|
1130
980
|
}
|
|
1131
981
|
|
|
1132
|
-
.video-js.
|
|
982
|
+
.video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
|
|
1133
983
|
outline: none !important;
|
|
984
|
+
/* flex: 1; */
|
|
1134
985
|
}
|
|
1135
|
-
.video-js.
|
|
986
|
+
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
987
|
+
display: flex;
|
|
988
|
+
flex: 1;
|
|
989
|
+
justify-content: center;
|
|
990
|
+
}
|
|
991
|
+
|
|
992
|
+
|
|
993
|
+
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
1136
994
|
.vjs-icon-fullscreen-enter:before {
|
|
1137
995
|
/* content: '' !important; */
|
|
1138
996
|
}
|
|
1139
997
|
|
|
1140
|
-
.video-js.
|
|
998
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
1141
999
|
display: flex;
|
|
1142
1000
|
justify-content: center;
|
|
1143
1001
|
align-items: center;
|
|
1144
1002
|
/* transform: rotate(90deg); */
|
|
1145
1003
|
}
|
|
1146
1004
|
|
|
1147
|
-
.video-js.
|
|
1005
|
+
.video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
1148
1006
|
display: none;
|
|
1149
1007
|
}
|
|
1150
|
-
.video-js.
|
|
1008
|
+
.video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
|
|
1151
1009
|
margin-left: -10px;
|
|
1152
1010
|
}
|
|
1153
1011
|
|
|
1154
|
-
.video-js.
|
|
1012
|
+
.video-js.skin_news_live .skipbtn:hover{
|
|
1155
1013
|
cursor: pointer;
|
|
1156
1014
|
}
|
|
1157
1015
|
|
|
1158
|
-
.video-js.
|
|
1016
|
+
.video-js.skin_news_live .rewindbtn:hover{
|
|
1159
1017
|
cursor: pointer;
|
|
1160
1018
|
}
|
|
1161
1019
|
|
|
1162
|
-
.video-js.
|
|
1020
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
1163
1021
|
position: relative;
|
|
1164
1022
|
padding-left: 0;
|
|
1165
1023
|
}
|
|
1166
1024
|
|
|
1167
|
-
.video-js.
|
|
1025
|
+
.video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
|
|
1168
1026
|
display: none !important;
|
|
1169
1027
|
}
|
|
1170
1028
|
|
|
1171
|
-
.video-js.
|
|
1172
|
-
width: 90px;
|
|
1029
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
1030
|
+
/* width: 90px;
|
|
1173
1031
|
height: 90px;
|
|
1174
1032
|
display: flex;
|
|
1175
1033
|
justify-content: center;
|
|
@@ -1184,19 +1042,20 @@
|
|
|
1184
1042
|
font-size: 6em;
|
|
1185
1043
|
line-height: 1.4em;
|
|
1186
1044
|
border: 0.05em solid;
|
|
1187
|
-
color: inherit;
|
|
1045
|
+
color: inherit; */
|
|
1046
|
+
display: none !important;
|
|
1188
1047
|
}
|
|
1189
|
-
.video-js.
|
|
1048
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
1190
1049
|
font-weight: bold;
|
|
1191
1050
|
}
|
|
1192
1051
|
|
|
1193
|
-
.video-js.
|
|
1052
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
|
|
1194
1053
|
bottom: 2.4em !important;
|
|
1195
1054
|
right: -1em;
|
|
1196
1055
|
z-index: 1;
|
|
1197
1056
|
}
|
|
1198
1057
|
|
|
1199
|
-
.video-js.
|
|
1058
|
+
.video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
|
|
1200
1059
|
width: 24px !important;
|
|
1201
1060
|
height: 24px !important;
|
|
1202
1061
|
}
|
|
@@ -1206,34 +1065,34 @@
|
|
|
1206
1065
|
}
|
|
1207
1066
|
|
|
1208
1067
|
|
|
1209
|
-
.video-js.
|
|
1068
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
1210
1069
|
cursor: pointer;
|
|
1211
1070
|
}
|
|
1212
1071
|
|
|
1213
|
-
.video-js.
|
|
1072
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
1214
1073
|
padding-right: 0;
|
|
1074
|
+
display: none;
|
|
1215
1075
|
}
|
|
1216
1076
|
|
|
1217
|
-
.video-js.
|
|
1077
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
1218
1078
|
padding-left: 0;
|
|
1079
|
+
display: none;
|
|
1219
1080
|
}
|
|
1220
1081
|
|
|
1221
|
-
.video-js.
|
|
1082
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
1222
1083
|
padding-left: 0;
|
|
1223
1084
|
padding-right: 0;
|
|
1224
|
-
display:
|
|
1225
|
-
justify-content: center;
|
|
1226
|
-
width: min-content;
|
|
1085
|
+
display: none;
|
|
1227
1086
|
}
|
|
1228
1087
|
|
|
1229
|
-
.video-js.
|
|
1088
|
+
.video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
|
|
1230
1089
|
display: none
|
|
1231
1090
|
}
|
|
1232
|
-
.video-js.
|
|
1091
|
+
.video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
1233
1092
|
display: none
|
|
1234
1093
|
}
|
|
1235
1094
|
|
|
1236
|
-
.video-js.
|
|
1095
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control {
|
|
1237
1096
|
display: flex;
|
|
1238
1097
|
align-items: center;
|
|
1239
1098
|
font-weight: 700;
|
|
@@ -1241,26 +1100,26 @@
|
|
|
1241
1100
|
min-width: 1.2em;
|
|
1242
1101
|
}
|
|
1243
1102
|
|
|
1244
|
-
.video-js.
|
|
1103
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
1245
1104
|
display: none;
|
|
1246
1105
|
font-size: 11px;
|
|
1247
1106
|
justify-content: center;
|
|
1248
1107
|
align-items: center;
|
|
1249
1108
|
user-select: none;
|
|
1250
1109
|
}
|
|
1251
|
-
.video-js.
|
|
1110
|
+
.video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1252
1111
|
display: none;
|
|
1253
1112
|
}
|
|
1254
1113
|
|
|
1255
|
-
.video-js.
|
|
1114
|
+
.video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
1256
1115
|
height: min-content;
|
|
1257
1116
|
width: min-content;
|
|
1258
1117
|
}
|
|
1259
|
-
.video-js.
|
|
1118
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1260
1119
|
width: 6em;
|
|
1261
1120
|
}
|
|
1262
1121
|
|
|
1263
|
-
.video-js.
|
|
1122
|
+
.video-js.skin_news_live .content{
|
|
1264
1123
|
bottom: 3.4rem !important;
|
|
1265
1124
|
right: -4rem !important;
|
|
1266
1125
|
}
|
|
@@ -1279,15 +1138,16 @@
|
|
|
1279
1138
|
pointer-events:none
|
|
1280
1139
|
}
|
|
1281
1140
|
|
|
1282
|
-
.video-js.
|
|
1141
|
+
.video-js.skin_news_live iframe{
|
|
1283
1142
|
width: 100%;
|
|
1284
1143
|
height: 100%;
|
|
1285
1144
|
}
|
|
1286
1145
|
|
|
1287
|
-
.video-js.
|
|
1146
|
+
.video-js.skin_news_live .vjs-live-control{
|
|
1288
1147
|
align-items: center;
|
|
1148
|
+
display: none;
|
|
1289
1149
|
}
|
|
1290
|
-
.video-js.
|
|
1150
|
+
.video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
|
|
1291
1151
|
height: 2.2em;
|
|
1292
1152
|
display: flex;
|
|
1293
1153
|
align-items: center;
|
|
@@ -1298,43 +1158,22 @@
|
|
|
1298
1158
|
margin: 4px 0px 4px 12px;
|
|
1299
1159
|
}
|
|
1300
1160
|
|
|
1301
|
-
.video-js.
|
|
1161
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
|
|
1302
1162
|
text-shadow: none;
|
|
1303
1163
|
}
|
|
1304
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
1305
|
-
display: none;
|
|
1306
|
-
font-size: 12px;
|
|
1307
|
-
}
|
|
1308
1164
|
|
|
1309
|
-
.video-js.
|
|
1310
|
-
|
|
1311
|
-
display: inline-flex;
|
|
1312
|
-
align-items: center;
|
|
1313
|
-
/* font-family: monospace; */
|
|
1165
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
|
|
1166
|
+
display: flex;
|
|
1314
1167
|
justify-content: center;
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
padding: 0px 6px;
|
|
1319
|
-
font-size: 1.2em;
|
|
1320
|
-
font-weight: 500;
|
|
1321
|
-
color: rgba(255, 255, 2555, 0.7);
|
|
1322
|
-
|
|
1323
|
-
letter-spacing: -.1px;
|
|
1324
|
-
line-height: normal;
|
|
1325
|
-
text-transform: uppercase;
|
|
1326
|
-
color: #FFFFFF;
|
|
1327
|
-
opacity: .7;
|
|
1328
|
-
font-family: "Proxima Nova";
|
|
1168
|
+
min-width: 5.3em;
|
|
1169
|
+
pointer-events: none;
|
|
1170
|
+
user-select: none;
|
|
1329
1171
|
}
|
|
1330
1172
|
|
|
1331
|
-
.video-js.
|
|
1332
|
-
|
|
1173
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
|
|
1174
|
+
color: white;
|
|
1333
1175
|
}
|
|
1334
1176
|
|
|
1335
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
1336
|
-
content: "NOT LIVE";
|
|
1337
|
-
}
|
|
1338
1177
|
|
|
1339
1178
|
.settings-selection.vjs-control.vjs-button{
|
|
1340
1179
|
display: flex !important;
|
|
@@ -1351,57 +1190,57 @@
|
|
|
1351
1190
|
.tvProviderImage{
|
|
1352
1191
|
display: none
|
|
1353
1192
|
}
|
|
1354
|
-
.video-js.
|
|
1193
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
1355
1194
|
.icon-maximize {
|
|
1356
1195
|
height: 30px !important;
|
|
1357
1196
|
}
|
|
1358
1197
|
|
|
1359
|
-
.video-js.
|
|
1198
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
1360
1199
|
.icon-minimize {
|
|
1361
1200
|
height: 30px !important;
|
|
1362
1201
|
}
|
|
1363
|
-
.video-js.
|
|
1202
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1364
1203
|
width: 4.5em;
|
|
1365
1204
|
}
|
|
1366
|
-
.video-js.
|
|
1205
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
1367
1206
|
height: min-content;
|
|
1368
1207
|
}
|
|
1369
1208
|
|
|
1370
|
-
.video-js.
|
|
1209
|
+
.video-js.skin_news_live button.vjs-slowmo-button{
|
|
1371
1210
|
display: none;
|
|
1372
1211
|
}
|
|
1373
|
-
.video-js.
|
|
1212
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
1374
1213
|
display: none;
|
|
1375
1214
|
}
|
|
1376
|
-
.video-js.
|
|
1215
|
+
.video-js.skin_news_live button.vjs-rewind-button>svg{
|
|
1377
1216
|
height: 20px;
|
|
1378
1217
|
}
|
|
1379
|
-
.video-js.
|
|
1218
|
+
.video-js.skin_news_live .vjs-button{
|
|
1380
1219
|
width: 4.8em;
|
|
1381
1220
|
}
|
|
1382
|
-
.video-js.
|
|
1221
|
+
.video-js.skin_news_live .widget-selection{
|
|
1383
1222
|
display: none;
|
|
1384
1223
|
}
|
|
1385
|
-
.video-js.
|
|
1224
|
+
.video-js.skin_news_live .container{
|
|
1386
1225
|
display: none !important;
|
|
1387
1226
|
}
|
|
1388
|
-
.video-js.
|
|
1227
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
1389
1228
|
height: 4em !important;
|
|
1390
1229
|
}
|
|
1391
|
-
.video-js.
|
|
1230
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
|
|
1392
1231
|
font-size: 2.5em;
|
|
1393
1232
|
line-height: 1.5;
|
|
1394
1233
|
}
|
|
1395
|
-
.video-js.
|
|
1234
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
1396
1235
|
font-size: 1.2em;
|
|
1397
1236
|
position: absolute;
|
|
1398
1237
|
right: -0.5em;
|
|
1399
1238
|
z-index: 1;
|
|
1400
1239
|
}
|
|
1401
|
-
.video-js.
|
|
1240
|
+
.video-js.skin_news_live button.vjs-skip-button>svg{
|
|
1402
1241
|
height: 20px;
|
|
1403
1242
|
}
|
|
1404
|
-
.video-js.
|
|
1243
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
1405
1244
|
width: 50px !important;
|
|
1406
1245
|
height: 50px !important;
|
|
1407
1246
|
font-size: 2.1rem !important;
|
|
@@ -1411,17 +1250,17 @@
|
|
|
1411
1250
|
width: 24px;
|
|
1412
1251
|
height: 24px;
|
|
1413
1252
|
}
|
|
1414
|
-
.video-js.
|
|
1253
|
+
.video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
1415
1254
|
margin: 0 12px 0 12px;
|
|
1416
1255
|
}
|
|
1417
|
-
.video-js.
|
|
1256
|
+
.video-js.skin_news_live .vjs-seek-to-live-text{
|
|
1418
1257
|
font-size: 12px;
|
|
1419
1258
|
}
|
|
1420
|
-
.video-js.
|
|
1259
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
1421
1260
|
margin: 0 12px 0 12px;
|
|
1422
1261
|
}
|
|
1423
1262
|
}
|
|
1424
|
-
.video-js.
|
|
1263
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
1425
1264
|
width: 90px;
|
|
1426
1265
|
height: 90px;
|
|
1427
1266
|
display: flex;
|
|
@@ -1438,7 +1277,7 @@
|
|
|
1438
1277
|
line-height: 1.4em;
|
|
1439
1278
|
}
|
|
1440
1279
|
|
|
1441
|
-
.video-js.
|
|
1280
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1442
1281
|
display: flex;
|
|
1443
1282
|
justify-content: center;
|
|
1444
1283
|
align-items: center;
|
|
@@ -1446,106 +1285,269 @@
|
|
|
1446
1285
|
transition: width 0.1s;
|
|
1447
1286
|
}
|
|
1448
1287
|
|
|
1449
|
-
.video-js.
|
|
1288
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1450
1289
|
display: flex;
|
|
1451
1290
|
justify-content: center;
|
|
1452
1291
|
align-items: center;
|
|
1453
1292
|
height: 100%;
|
|
1454
1293
|
transition: width 0.1s;
|
|
1455
1294
|
}
|
|
1456
|
-
.video-js.
|
|
1295
|
+
.video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1457
1296
|
display: none !important;
|
|
1458
1297
|
}
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1298
|
+
|
|
1299
|
+
@media (max-width: 576px) {
|
|
1300
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
1301
|
+
height: 5px !important;
|
|
1302
|
+
}
|
|
1303
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
1304
|
+
width: 50px !important;
|
|
1305
|
+
height: 50px !important;
|
|
1306
|
+
font-size: 2.1rem !important;
|
|
1307
|
+
}
|
|
1308
|
+
|
|
1309
|
+
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1310
|
+
display: none;
|
|
1311
|
+
}
|
|
1312
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
|
|
1313
|
+
bottom: 2.4em !important;
|
|
1314
|
+
right: -1em;
|
|
1315
|
+
z-index: 1;
|
|
1316
|
+
}
|
|
1317
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1318
|
+
display: none !important;
|
|
1319
|
+
}
|
|
1320
|
+
|
|
1321
|
+
}
|
|
1322
|
+
|
|
1323
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml {
|
|
1324
|
+
width: 100% !important;
|
|
1325
|
+
}
|
|
1326
|
+
|
|
1327
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1328
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1329
|
+
font-size: 1.2em !important;
|
|
1330
|
+
line-height: 1.5em !important;
|
|
1331
|
+
padding: 0.2em 0.8em !important;
|
|
1332
|
+
}
|
|
1333
|
+
|
|
1334
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
|
|
1335
|
+
content: none !important;
|
|
1336
|
+
fill: none !important;
|
|
1337
|
+
filter: none !important;
|
|
1338
|
+
}
|
|
1339
|
+
|
|
1340
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1341
|
+
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1342
|
+
}
|
|
1343
|
+
|
|
1344
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1345
|
+
color: rgba(255, 255, 2555, 1)!important;
|
|
1346
|
+
}
|
|
1347
|
+
|
|
1348
|
+
|
|
1349
|
+
|
|
1350
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
1351
|
+
height: 0.7em;
|
|
1352
|
+
position: absolute;
|
|
1353
|
+
top: -0.7em;
|
|
1354
|
+
width: 100%;
|
|
1355
|
+
}
|
|
1356
|
+
|
|
1357
|
+
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
1358
|
+
height: 100%;
|
|
1359
|
+
}
|
|
1360
|
+
|
|
1361
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
1362
|
+
line-height: 2.5;
|
|
1363
|
+
}
|
|
1364
|
+
|
|
1365
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
1366
|
+
height: 19px;
|
|
1367
|
+
width: 19px;
|
|
1368
|
+
cursor: pointer;
|
|
1369
|
+
}
|
|
1370
|
+
.video-js.skin_vlone .vjs-control {
|
|
1371
|
+
user-select: none;
|
|
1372
|
+
}
|
|
1373
|
+
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
1374
|
+
user-select: none;
|
|
1375
|
+
}
|
|
1376
|
+
|
|
1377
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
1378
|
+
height: 19px;
|
|
1379
|
+
width: 19px;
|
|
1380
|
+
cursor: pointer;
|
|
1381
|
+
}
|
|
1382
|
+
|
|
1383
|
+
.video-js.skin_vlone .vjs-play-progress:before {
|
|
1384
|
+
display: none !important;
|
|
1385
|
+
}
|
|
1386
|
+
|
|
1387
|
+
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
1388
|
+
margin: 0 !important;
|
|
1389
|
+
|
|
1390
|
+
}
|
|
1391
|
+
|
|
1392
|
+
|
|
1393
|
+
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
1394
|
+
display: block;
|
|
1395
|
+
flex: 1 1 auto;
|
|
1396
|
+
}
|
|
1397
|
+
|
|
1398
|
+
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1399
|
+
z-index: 1;
|
|
1400
|
+
}
|
|
1401
|
+
|
|
1402
|
+
|
|
1403
|
+
.video-js.skin_vlone .vjs-control-bar {
|
|
1404
|
+
height: 40px;
|
|
1405
|
+
}
|
|
1406
|
+
|
|
1407
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
|
|
1408
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
1409
|
+
position: relative !important;
|
|
1410
|
+
}
|
|
1411
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
|
|
1412
|
+
display: flex;
|
|
1413
|
+
left: 0px;
|
|
1414
|
+
top: -1px;
|
|
1415
|
+
}
|
|
1416
|
+
|
|
1417
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
1418
|
+
font-size: 2em !important;
|
|
1419
|
+
}
|
|
1420
|
+
|
|
1421
|
+
.video-js.skin_vlone .vjs-control {
|
|
1422
|
+
width: 4.3em;
|
|
1423
|
+
}
|
|
1424
|
+
|
|
1425
|
+
.vjs-menu-button-popup .vjs-menu {
|
|
1426
|
+
bottom: 10px !important;
|
|
1427
|
+
}
|
|
1428
|
+
|
|
1429
|
+
|
|
1430
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
|
|
1431
|
+
height: 1.3em;
|
|
1432
|
+
position: absolute;
|
|
1433
|
+
top: -1.3em;
|
|
1434
|
+
transition: height 0.3s, top 0.3s;
|
|
1462
1435
|
}
|
|
1463
1436
|
|
|
1464
|
-
@media (max-width: 576px) {
|
|
1465
|
-
.video-js.skin_news .ssai-ad-container{
|
|
1466
|
-
bottom: 2px;
|
|
1467
|
-
}
|
|
1468
|
-
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
1469
|
-
height: 5px !important;
|
|
1470
|
-
}
|
|
1471
|
-
.video-js.skin_news button.vjs-big-play-button {
|
|
1472
|
-
width: 50px !important;
|
|
1473
|
-
height: 50px !important;
|
|
1474
|
-
font-size: 2.1rem !important;
|
|
1475
|
-
}
|
|
1476
1437
|
|
|
1477
|
-
|
|
1438
|
+
.video-js.skin_vlone.vjs-live .vjs-time-control{
|
|
1439
|
+
display: none !important;
|
|
1440
|
+
}
|
|
1441
|
+
|
|
1442
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
1443
|
+
display: block;
|
|
1444
|
+
}
|
|
1445
|
+
.video-js.skin_vlone .vjs-remaining-time {
|
|
1478
1446
|
display: none;
|
|
1479
|
-
}
|
|
1480
|
-
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
1481
|
-
bottom: 2.4em !important;
|
|
1482
|
-
right: -1em;
|
|
1483
|
-
z-index: 1;
|
|
1484
1447
|
}
|
|
1485
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1486
|
-
display: none !important;
|
|
1487
|
-
}
|
|
1488
1448
|
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
font-size:
|
|
1492
|
-
|
|
1493
|
-
}
|
|
1449
|
+
.video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
|
|
1450
|
+
line-height: 3.5em;
|
|
1451
|
+
font-size: 1.1em;
|
|
1452
|
+
min-width: 4em;
|
|
1494
1453
|
}
|
|
1495
1454
|
|
|
1496
|
-
.video-js.
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
background-color: black;
|
|
1455
|
+
.video-js.skin_vlone .vjs-time-divider > div{
|
|
1456
|
+
display: flex;
|
|
1457
|
+
justify-content: center;
|
|
1500
1458
|
}
|
|
1501
1459
|
|
|
1502
|
-
.video-js.
|
|
1503
|
-
|
|
1460
|
+
.video-js.skin_vlone .vjs-live-control{
|
|
1461
|
+
align-items: center;
|
|
1462
|
+
}
|
|
1463
|
+
.video-js.skin_vlone .vjs-live-display{
|
|
1464
|
+
height: 2.2em;
|
|
1465
|
+
display: flex;
|
|
1466
|
+
align-items: center;
|
|
1467
|
+
font-family: monospace;
|
|
1468
|
+
width: 4em;
|
|
1469
|
+
justify-content: center;
|
|
1470
|
+
background: red;
|
|
1471
|
+
margin: 4px 0px 4px 12px;
|
|
1472
|
+
}
|
|
1473
|
+
.video-js.skin_vlone .vjs-live-display.vjs-behind-live{
|
|
1474
|
+
background: #6b6b6b;
|
|
1475
|
+
}
|
|
1476
|
+
.video-js.skin_vlone .vjs-live-display:hover{
|
|
1477
|
+
cursor: pointer;
|
|
1504
1478
|
}
|
|
1505
1479
|
|
|
1506
|
-
.video-js.
|
|
1507
|
-
|
|
1480
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
1481
|
+
line-height: 3.5em !important;
|
|
1482
|
+
font-size: 1.1em !important;
|
|
1483
|
+
width: min-content !important;
|
|
1484
|
+
min-width: 1.5em;
|
|
1485
|
+
padding: 0 !important;
|
|
1486
|
+
user-select: none;
|
|
1508
1487
|
}
|
|
1509
1488
|
|
|
1489
|
+
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
1490
|
+
margin-left: 16px !important;
|
|
1491
|
+
}
|
|
1510
1492
|
|
|
1511
|
-
.video-js.
|
|
1512
|
-
.video-js.
|
|
1493
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1494
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1513
1495
|
font-size: 1.2em !important;
|
|
1514
1496
|
line-height: 1.5em !important;
|
|
1515
1497
|
padding: 0.2em 0.8em !important;
|
|
1516
1498
|
}
|
|
1517
1499
|
|
|
1518
|
-
.video-js.skin_news .vjs-control-bar .vjs-svg-icon{
|
|
1519
|
-
content: none !important;
|
|
1520
|
-
fill: none !important;
|
|
1521
|
-
filter: none !important;
|
|
1522
|
-
}
|
|
1523
1500
|
|
|
1524
|
-
/*
|
|
1525
|
-
.video-js.
|
|
1526
|
-
|
|
1501
|
+
/* Big play */
|
|
1502
|
+
.video-js.skin_vlone.vjs-paused .vjs-big-play-button {
|
|
1503
|
+
width: 80px;
|
|
1504
|
+
height: 80px;
|
|
1505
|
+
display: flex;
|
|
1506
|
+
justify-content: center;
|
|
1507
|
+
align-items: center;
|
|
1508
|
+
border: none;
|
|
1509
|
+
position: absolute;
|
|
1510
|
+
top: 0;
|
|
1511
|
+
left: 0;
|
|
1512
|
+
right: 0;
|
|
1513
|
+
bottom: 0;
|
|
1514
|
+
margin: auto;
|
|
1515
|
+
font-size: 5em;
|
|
1516
|
+
line-height: 1.3em;
|
|
1517
|
+
transform: none !important;
|
|
1518
|
+
border-radius: 1.3em;
|
|
1527
1519
|
}
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1520
|
+
.video-js.skin_vlone .ssai-ad-container{
|
|
1521
|
+
position: absolute;
|
|
1522
|
+
bottom: 4px;
|
|
1531
1523
|
}
|
|
1532
|
-
|
|
1533
|
-
|
|
1524
|
+
|
|
1525
|
+
@media(max-width:600px){
|
|
1526
|
+
.video-js.skin_vlone button.vjs-big-play-button {
|
|
1527
|
+
width: 50px !important;
|
|
1528
|
+
height: 50px !important;
|
|
1529
|
+
font-size: 2.1rem !important;
|
|
1530
|
+
}
|
|
1531
|
+
|
|
1532
|
+
.video-js.skin_vlone .ssai-ad-container {
|
|
1533
|
+
position: absolute;
|
|
1534
|
+
bottom: 2px;
|
|
1534
1535
|
}
|
|
1535
|
-
.video-js.
|
|
1536
|
-
|
|
1536
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
1537
|
+
display: none;
|
|
1537
1538
|
}
|
|
1538
1539
|
|
|
1539
|
-
.video-js.
|
|
1540
|
-
|
|
1540
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
|
|
1541
|
+
/* display: none; */
|
|
1541
1542
|
}
|
|
1542
1543
|
|
|
1543
|
-
.video-js.
|
|
1544
|
-
|
|
1544
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
|
|
1545
|
+
/* display: none; */
|
|
1546
|
+
}
|
|
1547
|
+
}
|
|
1548
|
+
.video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
|
|
1549
|
+
text-decoration: underline;
|
|
1545
1550
|
}
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
1551
|
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
|
|
1550
1552
|
font-size: 2.2em;
|
|
1551
1553
|
line-height: 2.6;
|
|
@@ -2198,6 +2200,57 @@
|
|
|
2198
2200
|
|
|
2199
2201
|
|
|
2200
2202
|
|
|
2203
|
+
.vjs-custom-big-mute.vjs-control{
|
|
2204
|
+
position: absolute;
|
|
2205
|
+
align-items: center;
|
|
2206
|
+
background: #fcb700;
|
|
2207
|
+
border: 0;
|
|
2208
|
+
display: flex;
|
|
2209
|
+
align-items: center;
|
|
2210
|
+
height: 44px;
|
|
2211
|
+
justify-content: center;
|
|
2212
|
+
padding: 0;
|
|
2213
|
+
width: 44px;
|
|
2214
|
+
z-index: 1;
|
|
2215
|
+
outline: none;
|
|
2216
|
+
text-shadow:none !important;
|
|
2217
|
+
cursor: pointer;
|
|
2218
|
+
}
|
|
2219
|
+
.video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
|
|
2220
|
+
display: flex;
|
|
2221
|
+
top: 50px;
|
|
2222
|
+
height: 50px;
|
|
2223
|
+
width: 50px;
|
|
2224
|
+
}
|
|
2225
|
+
.video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
|
|
2226
|
+
height: 28px;
|
|
2227
|
+
width: 28px;
|
|
2228
|
+
}
|
|
2229
|
+
.vjs-custom-big-mute.vjs-control:hover{
|
|
2230
|
+
filter: none;
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
|
|
2234
|
+
.vjs-custom-big-mute.vjs-control.tl{
|
|
2235
|
+
top: 0;
|
|
2236
|
+
left: 0;
|
|
2237
|
+
margin: 15px 0 0 15px;
|
|
2238
|
+
}
|
|
2239
|
+
|
|
2240
|
+
.vjs-custom-big-mute.vjs-control.hide{
|
|
2241
|
+
display: none !important;
|
|
2242
|
+
|
|
2243
|
+
}
|
|
2244
|
+
|
|
2245
|
+
.vjs-custom-big-mute.vjs-control > svg {
|
|
2246
|
+
color: #071d39;
|
|
2247
|
+
height: 22px;
|
|
2248
|
+
width: 22px;
|
|
2249
|
+
}
|
|
2250
|
+
|
|
2251
|
+
|
|
2252
|
+
|
|
2253
|
+
|
|
2201
2254
|
.video-js .multicamera-parent.default{
|
|
2202
2255
|
height: 345px;
|
|
2203
2256
|
position: absolute;
|
|
@@ -2277,57 +2330,6 @@
|
|
|
2277
2330
|
}
|
|
2278
2331
|
|
|
2279
2332
|
|
|
2280
|
-
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
.vjs-custom-big-mute.vjs-control{
|
|
2284
|
-
position: absolute;
|
|
2285
|
-
align-items: center;
|
|
2286
|
-
background: #fcb700;
|
|
2287
|
-
border: 0;
|
|
2288
|
-
display: flex;
|
|
2289
|
-
align-items: center;
|
|
2290
|
-
height: 44px;
|
|
2291
|
-
justify-content: center;
|
|
2292
|
-
padding: 0;
|
|
2293
|
-
width: 44px;
|
|
2294
|
-
z-index: 1;
|
|
2295
|
-
outline: none;
|
|
2296
|
-
text-shadow:none !important;
|
|
2297
|
-
cursor: pointer;
|
|
2298
|
-
}
|
|
2299
|
-
.video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
|
|
2300
|
-
display: flex;
|
|
2301
|
-
top: 50px;
|
|
2302
|
-
height: 50px;
|
|
2303
|
-
width: 50px;
|
|
2304
|
-
}
|
|
2305
|
-
.video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
|
|
2306
|
-
height: 28px;
|
|
2307
|
-
width: 28px;
|
|
2308
|
-
}
|
|
2309
|
-
.vjs-custom-big-mute.vjs-control:hover{
|
|
2310
|
-
filter: none;
|
|
2311
|
-
}
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
.vjs-custom-big-mute.vjs-control.tl{
|
|
2315
|
-
top: 0;
|
|
2316
|
-
left: 0;
|
|
2317
|
-
margin: 15px 0 0 15px;
|
|
2318
|
-
}
|
|
2319
|
-
|
|
2320
|
-
.vjs-custom-big-mute.vjs-control.hide{
|
|
2321
|
-
display: none !important;
|
|
2322
|
-
|
|
2323
|
-
}
|
|
2324
|
-
|
|
2325
|
-
.vjs-custom-big-mute.vjs-control > svg {
|
|
2326
|
-
color: #071d39;
|
|
2327
|
-
height: 22px;
|
|
2328
|
-
width: 22px;
|
|
2329
|
-
}
|
|
2330
|
-
|
|
2331
2333
|
/* nextep — up-next card (centered in player, scales with player size) */
|
|
2332
2334
|
.video-js:has(.next-ep-preview),
|
|
2333
2335
|
.video-js:has(.next-ep-preview-player-thumb) {
|