@viewlift/player-backup 2.0.315-backup → 2.0.316-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-46c14d09.js → autoNextVideo-aca868b2.js} +1 -1
- package/cjs/bundle.css +534 -534
- package/cjs/{features-de3a60ea.js → features-ba230d44.js} +1 -1
- package/cjs/generic-b119e225.js +1 -0
- package/cjs/{index-5e81c154.js → index-069a9358.js} +1 -1
- package/cjs/{index-617c9dd2.js → index-90eaa87b.js} +1 -1
- package/cjs/index-9c7a1bcb.js +1 -0
- package/cjs/{index-e96ba1b0.js → index-c1289347.js} +1 -1
- package/cjs/index.js +1 -1
- package/cjs/{multicamv2-fc24398d.js → multicamv2-1de3d2cf.js} +1 -1
- package/cjs/{multicamv2-21228250.js → multicamv2-afc38215.js} +1 -1
- package/cjs/{nextEpisodeButton-82d20ab3.js → nextEpisodeButton-ba5016fe.js} +1 -1
- package/cjs/{playlist-2f0f5759.js → playlist-4c8be9da.js} +1 -1
- package/cjs/{series-f5abc3d5.js → series-b93644c2.js} +1 -1
- package/cjs/{series-v2-e2b884e7.js → series-v2-706cd019.js} +1 -1
- package/cjs/{series-v2-404ee495.js → series-v2-93b2300c.js} +1 -1
- package/cjs/{skin-457af65c.js → skin-20ef2a38.js} +1 -1
- package/cjs/{skin-43145873.js → skin-32b69fad.js} +1 -1
- package/cjs/{skin-a73099c8.js → skin-35b032cc.js} +1 -1
- package/cjs/{skin-c7e6f0c2.js → skin-6dfcf154.js} +1 -1
- package/cjs/{skin-9cc60716.js → skin-9fd7e847.js} +1 -1
- package/cjs/{skin-b1454424.js → skin-bf860a27.js} +1 -1
- package/cjs/{skin-d8e05701.js → skin-dcc335ff.js} +1 -1
- package/cjs/{skin-37a2f3a3.js → skin-e0837286.js} +1 -1
- package/cjs/{skin-a28bad41.js → skin-e69b9634.js} +1 -1
- package/cjs/{skin-c1018507.js → skin-ebca6c8b.js} +1 -1
- package/cjs/{videoSelector-92e633c0.js → videoSelector-0747ad7d.js} +1 -1
- package/cjs/{videoSelector-919b5dbd.js → videoSelector-cf477c8e.js} +1 -1
- package/esm/{autoNextVideo-1b4f6efc.js → autoNextVideo-91c70a62.js} +1 -1
- package/esm/bundle.css +534 -534
- package/esm/{features-43db6529.js → features-ee38c5bb.js} +1 -1
- package/esm/generic-d8ac6622.js +1 -0
- package/esm/{index-df839176.js → index-080bf7b9.js} +1 -1
- package/esm/{index-ffcd19ad.js → index-22ed302f.js} +1 -1
- package/esm/index-54e8aa9b.js +1 -0
- package/esm/{index-2ec2c342.js → index-554f98ba.js} +1 -1
- package/esm/index.js +1 -1
- package/esm/{multicamv2-382142e5.js → multicamv2-52fd51a9.js} +1 -1
- package/esm/{multicamv2-2d50214e.js → multicamv2-f174146d.js} +1 -1
- package/esm/{nextEpisodeButton-bf750da5.js → nextEpisodeButton-a6d2c73b.js} +1 -1
- package/esm/{playlist-5078d2e4.js → playlist-a412afc9.js} +1 -1
- package/esm/{series-eb693609.js → series-becfa7b8.js} +1 -1
- package/esm/{series-v2-d5ff497b.js → series-v2-1736cc8f.js} +1 -1
- package/esm/{series-v2-8dac6c57.js → series-v2-5442a8d9.js} +1 -1
- package/esm/{skin-e4236dd5.js → skin-076873a1.js} +1 -1
- package/esm/{skin-59b8f488.js → skin-1c90159f.js} +1 -1
- package/esm/{skin-b2050501.js → skin-3be46735.js} +1 -1
- package/esm/{skin-d31b53ac.js → skin-4f4fee6c.js} +1 -1
- package/esm/{skin-70ad04a6.js → skin-500c2418.js} +1 -1
- package/esm/{skin-81ae034e.js → skin-56f6d601.js} +1 -1
- package/esm/{skin-95e1c6ec.js → skin-8a5bf136.js} +1 -1
- package/esm/{skin-0b4e7e40.js → skin-b8d4c095.js} +1 -1
- package/esm/{skin-8505e54f.js → skin-c212b8d7.js} +1 -1
- package/esm/{skin-c844314b.js → skin-e0e20103.js} +1 -1
- package/esm/{videoSelector-49f1df90.js → videoSelector-45e68ccd.js} +1 -1
- package/esm/{videoSelector-02bfdd5f.js → videoSelector-c77c3f9e.js} +1 -1
- package/package.json +1 -1
- package/cjs/generic-dc23b074.js +0 -1
- package/cjs/index-a23f92e8.js +0 -1
- package/esm/generic-edb45b38.js +0 -1
- package/esm/index-972a467c.js +0 -1
package/esm/bundle.css
CHANGED
|
@@ -1,229 +1,30 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
-
.video-js.
|
|
4
|
-
height: 0.7em;
|
|
5
|
-
position: absolute;
|
|
6
|
-
top: -0.7em;
|
|
7
|
-
width: 100%;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
11
|
-
height: 100%;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
15
|
-
line-height: 2.5;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
19
|
-
height: 19px;
|
|
20
|
-
width: 19px;
|
|
21
|
-
cursor: pointer;
|
|
22
|
-
}
|
|
23
|
-
.video-js.skin_vlone .vjs-control {
|
|
24
|
-
user-select: none;
|
|
25
|
-
}
|
|
26
|
-
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
27
|
-
user-select: none;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
31
|
-
height: 19px;
|
|
32
|
-
width: 19px;
|
|
33
|
-
cursor: pointer;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.video-js.skin_vlone .vjs-play-progress:before {
|
|
37
|
-
display: none !important;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
41
|
-
margin: 0 !important;
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
47
|
-
display: block;
|
|
48
|
-
flex: 1 1 auto;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
52
|
-
z-index: 1;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
.video-js.skin_vlone .vjs-control-bar {
|
|
57
|
-
height: 40px;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
|
|
61
|
-
.vjs-button>.vjs-icon-placeholder:before {
|
|
62
|
-
position: relative !important;
|
|
63
|
-
}
|
|
64
|
-
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
|
|
65
|
-
display: flex;
|
|
66
|
-
left: 0px;
|
|
67
|
-
top: -1px;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.vjs-button>.vjs-icon-placeholder:before {
|
|
71
|
-
font-size: 2em !important;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.video-js.skin_vlone .vjs-control {
|
|
75
|
-
width: 4.3em;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.vjs-menu-button-popup .vjs-menu {
|
|
79
|
-
bottom: 10px !important;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
|
|
84
|
-
height: 1.3em;
|
|
85
|
-
position: absolute;
|
|
86
|
-
top: -1.3em;
|
|
87
|
-
transition: height 0.3s, top 0.3s;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
.video-js.skin_vlone.vjs-live .vjs-time-control{
|
|
92
|
-
display: none !important;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.video-js.skin_vlone .vjs-time-control {
|
|
96
|
-
display: block;
|
|
97
|
-
}
|
|
98
|
-
.video-js.skin_vlone .vjs-remaining-time {
|
|
99
|
-
display: none;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
|
|
103
|
-
line-height: 3.5em;
|
|
104
|
-
font-size: 1.1em;
|
|
105
|
-
min-width: 4em;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.video-js.skin_vlone .vjs-time-divider > div{
|
|
109
|
-
display: flex;
|
|
110
|
-
justify-content: center;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.video-js.skin_vlone .vjs-live-control{
|
|
114
|
-
align-items: center;
|
|
115
|
-
}
|
|
116
|
-
.video-js.skin_vlone .vjs-live-display{
|
|
117
|
-
height: 2.2em;
|
|
118
|
-
display: flex;
|
|
119
|
-
align-items: center;
|
|
120
|
-
font-family: monospace;
|
|
121
|
-
width: 4em;
|
|
122
|
-
justify-content: center;
|
|
123
|
-
background: red;
|
|
124
|
-
margin: 4px 0px 4px 12px;
|
|
125
|
-
}
|
|
126
|
-
.video-js.skin_vlone .vjs-live-display:hover{
|
|
127
|
-
cursor: pointer;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.video-js.skin_vlone .vjs-time-control {
|
|
131
|
-
line-height: 3.5em !important;
|
|
132
|
-
font-size: 1.1em !important;
|
|
133
|
-
width: min-content !important;
|
|
134
|
-
min-width: 1.5em;
|
|
135
|
-
padding: 0 !important;
|
|
136
|
-
user-select: none;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
140
|
-
margin-left: 16px !important;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
144
|
-
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
145
|
-
font-size: 1.2em !important;
|
|
146
|
-
line-height: 1.5em !important;
|
|
147
|
-
padding: 0.2em 0.8em !important;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
/* Big play */
|
|
152
|
-
.video-js.skin_vlone.vjs-paused .vjs-big-play-button {
|
|
153
|
-
width: 80px;
|
|
154
|
-
height: 80px;
|
|
155
|
-
display: flex;
|
|
156
|
-
justify-content: center;
|
|
157
|
-
align-items: center;
|
|
158
|
-
border: none;
|
|
159
|
-
position: absolute;
|
|
160
|
-
top: 0;
|
|
161
|
-
left: 0;
|
|
162
|
-
right: 0;
|
|
163
|
-
bottom: 0;
|
|
164
|
-
margin: auto;
|
|
165
|
-
font-size: 5em;
|
|
166
|
-
line-height: 1.3em;
|
|
167
|
-
transform: none !important;
|
|
168
|
-
border-radius: 1.3em;
|
|
169
|
-
}
|
|
170
|
-
.video-js.skin_vlone .ssai-ad-container{
|
|
171
|
-
position: absolute;
|
|
172
|
-
bottom: 4px;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
@media(max-width:600px){
|
|
176
|
-
.video-js.skin_vlone button.vjs-big-play-button {
|
|
177
|
-
width: 50px !important;
|
|
178
|
-
height: 50px !important;
|
|
179
|
-
font-size: 2.1rem !important;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
.video-js.skin_vlone .ssai-ad-container {
|
|
183
|
-
position: absolute;
|
|
184
|
-
bottom: 2px;
|
|
185
|
-
}
|
|
186
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
187
|
-
display: none;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
|
|
191
|
-
/* display: none; */
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
|
|
195
|
-
/* display: none; */
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
3
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
|
|
203
4
|
font-size: 2.2em;
|
|
204
5
|
line-height: 2.6;
|
|
205
6
|
}
|
|
206
|
-
.video-js.
|
|
207
|
-
background:
|
|
7
|
+
.video-js.skin_news .vjs-custom-big-mute.vjs-control{
|
|
8
|
+
background: white;
|
|
208
9
|
}
|
|
209
|
-
.video-js.
|
|
10
|
+
.video-js.skin_news .vjs-control-bar{
|
|
210
11
|
z-index: 1 !important;
|
|
211
12
|
height: 5em !important;
|
|
212
13
|
background: black !important;
|
|
213
14
|
}
|
|
214
|
-
.video-js.
|
|
15
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
215
16
|
display: flex;
|
|
216
17
|
align-items: center;
|
|
217
18
|
justify-content: center;
|
|
218
19
|
}
|
|
219
20
|
|
|
220
|
-
.video-js.
|
|
21
|
+
.video-js.skin_news .vjs-fade>* {
|
|
221
22
|
visibility: hidden !important;
|
|
222
23
|
opacity: 0 !important;
|
|
223
24
|
transition: visibility 1s, opacity 1s !important;
|
|
224
25
|
}
|
|
225
26
|
|
|
226
|
-
.video-js.
|
|
27
|
+
.video-js.skin_news .custom-spaced-progress-bar {
|
|
227
28
|
position: absolute;
|
|
228
29
|
width: 100%;
|
|
229
30
|
display: flex;
|
|
@@ -231,7 +32,7 @@
|
|
|
231
32
|
top: -0.5em;
|
|
232
33
|
}
|
|
233
34
|
|
|
234
|
-
.video-js.
|
|
35
|
+
.video-js.skin_news .vjs-progress-control {
|
|
235
36
|
/* left: -6px; */
|
|
236
37
|
position: relative;
|
|
237
38
|
width: 100%;
|
|
@@ -239,25 +40,22 @@
|
|
|
239
40
|
transition: height 0.1s, top 0.1s;
|
|
240
41
|
}
|
|
241
42
|
|
|
242
|
-
.video-js.skin_news_live .vjs-volume-panel{
|
|
243
|
-
min-width: 5.3em;
|
|
244
|
-
}
|
|
245
43
|
|
|
246
44
|
|
|
247
45
|
|
|
248
|
-
.video-js.
|
|
249
|
-
|
|
250
|
-
|
|
46
|
+
.video-js.skin_news .vjs-custom-control-spacer {
|
|
47
|
+
display: block;
|
|
48
|
+
flex: 1 1 auto;
|
|
251
49
|
}
|
|
252
50
|
|
|
253
|
-
.video-js.
|
|
51
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
254
52
|
margin: 0 0px 0 0px;
|
|
255
53
|
}
|
|
256
|
-
.video-js.
|
|
54
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
257
55
|
display: none;
|
|
258
56
|
}
|
|
259
57
|
|
|
260
|
-
.video-js.
|
|
58
|
+
.video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
261
59
|
font-size: 14px;
|
|
262
60
|
font-weight: 500;
|
|
263
61
|
align-self: center;
|
|
@@ -266,30 +64,30 @@
|
|
|
266
64
|
border-radius: 8px;
|
|
267
65
|
}
|
|
268
66
|
|
|
269
|
-
.video-js.
|
|
67
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
270
68
|
height: 6px !important;
|
|
271
69
|
}
|
|
272
70
|
|
|
273
|
-
.video-js.
|
|
71
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
274
72
|
font-size: 1.5em;
|
|
275
73
|
line-height: unset;
|
|
276
74
|
top: -0.3333333333em;
|
|
277
75
|
}
|
|
278
76
|
|
|
279
|
-
.video-js.
|
|
77
|
+
.video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
|
|
280
78
|
display: none !important;
|
|
281
79
|
}
|
|
282
80
|
|
|
283
81
|
/* */
|
|
284
|
-
.video-js.
|
|
82
|
+
.video-js.skin_news .vjs-mouse-display{
|
|
285
83
|
font-size: 1.6666666667em;
|
|
286
84
|
}
|
|
287
85
|
|
|
288
|
-
.video-js.
|
|
86
|
+
.video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
|
|
289
87
|
font-size: 1em !important;
|
|
290
88
|
}
|
|
291
89
|
|
|
292
|
-
.video-js.
|
|
90
|
+
.video-js.skin_news .vjs-button{
|
|
293
91
|
width: 5.3em;
|
|
294
92
|
display: flex;
|
|
295
93
|
align-items: center;
|
|
@@ -297,71 +95,63 @@
|
|
|
297
95
|
}
|
|
298
96
|
|
|
299
97
|
|
|
300
|
-
.video-js.
|
|
98
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
301
99
|
.icon-maximize {
|
|
302
100
|
display: block;
|
|
303
101
|
height: 32px;
|
|
304
102
|
}
|
|
305
103
|
|
|
306
|
-
.video-js.
|
|
104
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
307
105
|
line-height: 4;
|
|
308
106
|
}
|
|
309
107
|
|
|
310
|
-
.video-js.
|
|
108
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
311
109
|
.icon-minimize {
|
|
312
110
|
display: none;
|
|
313
111
|
height: 32px;
|
|
314
112
|
}
|
|
315
113
|
|
|
316
|
-
.video-js.
|
|
114
|
+
.video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
|
|
317
115
|
outline: none !important;
|
|
318
|
-
/* flex: 1; */
|
|
319
116
|
}
|
|
320
|
-
.video-js.
|
|
321
|
-
display: flex;
|
|
322
|
-
flex: 1;
|
|
323
|
-
justify-content: center;
|
|
324
|
-
}
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
117
|
+
.video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
328
118
|
.vjs-icon-fullscreen-enter:before {
|
|
329
119
|
/* content: '' !important; */
|
|
330
120
|
}
|
|
331
121
|
|
|
332
|
-
.video-js.
|
|
122
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
333
123
|
display: flex;
|
|
334
124
|
justify-content: center;
|
|
335
125
|
align-items: center;
|
|
336
126
|
/* transform: rotate(90deg); */
|
|
337
127
|
}
|
|
338
128
|
|
|
339
|
-
.video-js.
|
|
129
|
+
.video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
340
130
|
display: none;
|
|
341
131
|
}
|
|
342
|
-
.video-js.
|
|
132
|
+
.video-js.skin_news .vjs-volume-panel .vjs-volume-control{
|
|
343
133
|
margin-left: -10px;
|
|
344
134
|
}
|
|
345
135
|
|
|
346
|
-
.video-js.
|
|
136
|
+
.video-js.skin_news .skipbtn:hover{
|
|
347
137
|
cursor: pointer;
|
|
348
138
|
}
|
|
349
139
|
|
|
350
|
-
.video-js.
|
|
140
|
+
.video-js.skin_news .rewindbtn:hover{
|
|
351
141
|
cursor: pointer;
|
|
352
142
|
}
|
|
353
143
|
|
|
354
|
-
.video-js.
|
|
144
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control{
|
|
355
145
|
position: relative;
|
|
356
146
|
padding-left: 0;
|
|
357
147
|
}
|
|
358
148
|
|
|
359
|
-
.video-js.
|
|
149
|
+
.video-js.skin_news.vjs-seeking .vjs-big-play-button{
|
|
360
150
|
display: none !important;
|
|
361
151
|
}
|
|
362
152
|
|
|
363
|
-
.video-js.
|
|
364
|
-
|
|
153
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
154
|
+
width: 90px;
|
|
365
155
|
height: 90px;
|
|
366
156
|
display: flex;
|
|
367
157
|
justify-content: center;
|
|
@@ -376,20 +166,19 @@
|
|
|
376
166
|
font-size: 6em;
|
|
377
167
|
line-height: 1.4em;
|
|
378
168
|
border: 0.05em solid;
|
|
379
|
-
color: inherit;
|
|
380
|
-
display: none !important;
|
|
169
|
+
color: inherit;
|
|
381
170
|
}
|
|
382
|
-
.video-js.
|
|
171
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
383
172
|
font-weight: bold;
|
|
384
173
|
}
|
|
385
174
|
|
|
386
|
-
.video-js.
|
|
175
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content{
|
|
387
176
|
bottom: 2.4em !important;
|
|
388
177
|
right: -1em;
|
|
389
178
|
z-index: 1;
|
|
390
179
|
}
|
|
391
180
|
|
|
392
|
-
.video-js.
|
|
181
|
+
.video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
|
|
393
182
|
width: 24px !important;
|
|
394
183
|
height: 24px !important;
|
|
395
184
|
}
|
|
@@ -399,34 +188,34 @@
|
|
|
399
188
|
}
|
|
400
189
|
|
|
401
190
|
|
|
402
|
-
.video-js.
|
|
191
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
403
192
|
cursor: pointer;
|
|
404
193
|
}
|
|
405
194
|
|
|
406
|
-
.video-js.
|
|
195
|
+
.video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
407
196
|
padding-right: 0;
|
|
408
|
-
display: none;
|
|
409
197
|
}
|
|
410
198
|
|
|
411
|
-
.video-js.
|
|
199
|
+
.video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
412
200
|
padding-left: 0;
|
|
413
|
-
display: none;
|
|
414
201
|
}
|
|
415
202
|
|
|
416
|
-
.video-js.
|
|
203
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
417
204
|
padding-left: 0;
|
|
418
205
|
padding-right: 0;
|
|
419
|
-
display:
|
|
206
|
+
display: flex;
|
|
207
|
+
justify-content: center;
|
|
208
|
+
width: min-content;
|
|
420
209
|
}
|
|
421
210
|
|
|
422
|
-
.video-js.
|
|
211
|
+
.video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
|
|
423
212
|
display: none
|
|
424
213
|
}
|
|
425
|
-
.video-js.
|
|
214
|
+
.video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
426
215
|
display: none
|
|
427
216
|
}
|
|
428
217
|
|
|
429
|
-
.video-js.
|
|
218
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control {
|
|
430
219
|
display: flex;
|
|
431
220
|
align-items: center;
|
|
432
221
|
font-weight: 700;
|
|
@@ -434,26 +223,26 @@
|
|
|
434
223
|
min-width: 1.2em;
|
|
435
224
|
}
|
|
436
225
|
|
|
437
|
-
.video-js.
|
|
226
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
438
227
|
display: none;
|
|
439
228
|
font-size: 11px;
|
|
440
229
|
justify-content: center;
|
|
441
230
|
align-items: center;
|
|
442
231
|
user-select: none;
|
|
443
232
|
}
|
|
444
|
-
.video-js.
|
|
233
|
+
.video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
445
234
|
display: none;
|
|
446
235
|
}
|
|
447
236
|
|
|
448
|
-
.video-js.
|
|
237
|
+
.video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
449
238
|
height: min-content;
|
|
450
239
|
width: min-content;
|
|
451
240
|
}
|
|
452
|
-
.video-js.
|
|
241
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
453
242
|
width: 6em;
|
|
454
243
|
}
|
|
455
244
|
|
|
456
|
-
.video-js.
|
|
245
|
+
.video-js.skin_news .content{
|
|
457
246
|
bottom: 3.4rem !important;
|
|
458
247
|
right: -4rem !important;
|
|
459
248
|
}
|
|
@@ -472,16 +261,15 @@
|
|
|
472
261
|
pointer-events:none
|
|
473
262
|
}
|
|
474
263
|
|
|
475
|
-
.video-js.
|
|
264
|
+
.video-js.skin_news iframe{
|
|
476
265
|
width: 100%;
|
|
477
266
|
height: 100%;
|
|
478
267
|
}
|
|
479
268
|
|
|
480
|
-
.video-js.
|
|
269
|
+
.video-js.skin_news .vjs-live-control{
|
|
481
270
|
align-items: center;
|
|
482
|
-
display: none;
|
|
483
271
|
}
|
|
484
|
-
.video-js.
|
|
272
|
+
.video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
|
|
485
273
|
height: 2.2em;
|
|
486
274
|
display: flex;
|
|
487
275
|
align-items: center;
|
|
@@ -492,22 +280,43 @@
|
|
|
492
280
|
margin: 4px 0px 4px 12px;
|
|
493
281
|
}
|
|
494
282
|
|
|
495
|
-
.video-js.
|
|
283
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
|
|
496
284
|
text-shadow: none;
|
|
497
285
|
}
|
|
286
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
287
|
+
display: none;
|
|
288
|
+
font-size: 12px;
|
|
289
|
+
}
|
|
498
290
|
|
|
499
|
-
.video-js.
|
|
500
|
-
|
|
291
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
292
|
+
height: 2.2em;
|
|
293
|
+
display: inline-flex;
|
|
294
|
+
align-items: center;
|
|
295
|
+
/* font-family: monospace; */
|
|
501
296
|
justify-content: center;
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
297
|
+
border: 2px solid;
|
|
298
|
+
margin: 4px 0px 4px 6px;
|
|
299
|
+
white-space: pre;
|
|
300
|
+
padding: 0px 6px;
|
|
301
|
+
font-size: 1.2em;
|
|
302
|
+
font-weight: 500;
|
|
303
|
+
color: rgba(255, 255, 2555, 0.7);
|
|
304
|
+
|
|
305
|
+
letter-spacing: -.1px;
|
|
306
|
+
line-height: normal;
|
|
307
|
+
text-transform: uppercase;
|
|
308
|
+
color: #FFFFFF;
|
|
309
|
+
opacity: .7;
|
|
310
|
+
font-family: "Proxima Nova";
|
|
505
311
|
}
|
|
506
312
|
|
|
507
|
-
.video-js.
|
|
508
|
-
|
|
313
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
|
|
314
|
+
opacity: 1;
|
|
509
315
|
}
|
|
510
316
|
|
|
317
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
318
|
+
content: "NOT LIVE";
|
|
319
|
+
}
|
|
511
320
|
|
|
512
321
|
.settings-selection.vjs-control.vjs-button{
|
|
513
322
|
display: flex !important;
|
|
@@ -524,57 +333,57 @@
|
|
|
524
333
|
.tvProviderImage{
|
|
525
334
|
display: none
|
|
526
335
|
}
|
|
527
|
-
.video-js.
|
|
336
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
528
337
|
.icon-maximize {
|
|
529
338
|
height: 30px !important;
|
|
530
339
|
}
|
|
531
340
|
|
|
532
|
-
.video-js.
|
|
341
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
533
342
|
.icon-minimize {
|
|
534
343
|
height: 30px !important;
|
|
535
344
|
}
|
|
536
|
-
.video-js.
|
|
345
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
537
346
|
width: 4.5em;
|
|
538
347
|
}
|
|
539
|
-
.video-js.
|
|
348
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
540
349
|
height: min-content;
|
|
541
350
|
}
|
|
542
351
|
|
|
543
|
-
.video-js.
|
|
352
|
+
.video-js.skin_news button.vjs-slowmo-button{
|
|
544
353
|
display: none;
|
|
545
354
|
}
|
|
546
|
-
.video-js.
|
|
355
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
547
356
|
display: none;
|
|
548
357
|
}
|
|
549
|
-
.video-js.
|
|
358
|
+
.video-js.skin_news button.vjs-rewind-button>svg{
|
|
550
359
|
height: 20px;
|
|
551
360
|
}
|
|
552
|
-
.video-js.
|
|
361
|
+
.video-js.skin_news .vjs-button{
|
|
553
362
|
width: 4.8em;
|
|
554
363
|
}
|
|
555
|
-
.video-js.
|
|
364
|
+
.video-js.skin_news .widget-selection{
|
|
556
365
|
display: none;
|
|
557
366
|
}
|
|
558
|
-
.video-js.
|
|
367
|
+
.video-js.skin_news .container{
|
|
559
368
|
display: none !important;
|
|
560
369
|
}
|
|
561
|
-
.video-js.
|
|
370
|
+
.video-js.skin_news .vjs-control-bar{
|
|
562
371
|
height: 4em !important;
|
|
563
372
|
}
|
|
564
|
-
.video-js.
|
|
373
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
|
|
565
374
|
font-size: 2.5em;
|
|
566
375
|
line-height: 1.5;
|
|
567
376
|
}
|
|
568
|
-
.video-js.
|
|
377
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
569
378
|
font-size: 1.2em;
|
|
570
379
|
position: absolute;
|
|
571
380
|
right: -0.5em;
|
|
572
381
|
z-index: 1;
|
|
573
382
|
}
|
|
574
|
-
.video-js.
|
|
383
|
+
.video-js.skin_news button.vjs-skip-button>svg{
|
|
575
384
|
height: 20px;
|
|
576
385
|
}
|
|
577
|
-
.video-js.
|
|
386
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
578
387
|
width: 50px !important;
|
|
579
388
|
height: 50px !important;
|
|
580
389
|
font-size: 2.1rem !important;
|
|
@@ -584,17 +393,17 @@
|
|
|
584
393
|
width: 24px;
|
|
585
394
|
height: 24px;
|
|
586
395
|
}
|
|
587
|
-
.video-js.
|
|
396
|
+
.video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
588
397
|
margin: 0 12px 0 12px;
|
|
589
398
|
}
|
|
590
|
-
.video-js.
|
|
399
|
+
.video-js.skin_news .vjs-seek-to-live-text{
|
|
591
400
|
font-size: 12px;
|
|
592
401
|
}
|
|
593
|
-
.video-js.
|
|
402
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
594
403
|
margin: 0 12px 0 12px;
|
|
595
404
|
}
|
|
596
405
|
}
|
|
597
|
-
.video-js.
|
|
406
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
598
407
|
width: 90px;
|
|
599
408
|
height: 90px;
|
|
600
409
|
display: flex;
|
|
@@ -611,7 +420,7 @@
|
|
|
611
420
|
line-height: 1.4em;
|
|
612
421
|
}
|
|
613
422
|
|
|
614
|
-
.video-js.
|
|
423
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
615
424
|
display: flex;
|
|
616
425
|
justify-content: center;
|
|
617
426
|
align-items: center;
|
|
@@ -619,22 +428,29 @@
|
|
|
619
428
|
transition: width 0.1s;
|
|
620
429
|
}
|
|
621
430
|
|
|
622
|
-
.video-js.
|
|
431
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
623
432
|
display: flex;
|
|
624
433
|
justify-content: center;
|
|
625
434
|
align-items: center;
|
|
626
435
|
height: 100%;
|
|
627
436
|
transition: width 0.1s;
|
|
628
437
|
}
|
|
629
|
-
.video-js.
|
|
438
|
+
.video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
630
439
|
display: none !important;
|
|
631
440
|
}
|
|
441
|
+
.video-js.skin_news .ssai-ad-container{
|
|
442
|
+
position: absolute;
|
|
443
|
+
bottom: 14px;
|
|
444
|
+
}
|
|
632
445
|
|
|
633
446
|
@media (max-width: 576px) {
|
|
634
|
-
.video-js.
|
|
447
|
+
.video-js.skin_news .ssai-ad-container{
|
|
448
|
+
bottom: 2px;
|
|
449
|
+
}
|
|
450
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
635
451
|
height: 5px !important;
|
|
636
452
|
}
|
|
637
|
-
.video-js.
|
|
453
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
638
454
|
width: 50px !important;
|
|
639
455
|
height: 50px !important;
|
|
640
456
|
font-size: 2.1rem !important;
|
|
@@ -643,89 +459,102 @@
|
|
|
643
459
|
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
644
460
|
display: none;
|
|
645
461
|
}
|
|
646
|
-
.video-js.
|
|
462
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
647
463
|
bottom: 2.4em !important;
|
|
648
464
|
right: -1em;
|
|
649
465
|
z-index: 1;
|
|
650
466
|
}
|
|
651
|
-
.video-js.
|
|
467
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
652
468
|
display: none !important;
|
|
653
469
|
}
|
|
654
470
|
|
|
655
|
-
.video-js.
|
|
656
|
-
color: white
|
|
657
|
-
font-size: 13px
|
|
658
|
-
background-color: black
|
|
471
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
472
|
+
color: white;
|
|
473
|
+
font-size: 13px;
|
|
474
|
+
background-color: black;
|
|
659
475
|
}
|
|
660
476
|
}
|
|
661
477
|
|
|
662
|
-
.video-js.
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
667
|
-
color: white !important;
|
|
668
|
-
font-size: 16px !important;
|
|
669
|
-
background-color: black !important;
|
|
478
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
479
|
+
color: white;
|
|
480
|
+
font-size: 16px;
|
|
481
|
+
background-color: black;
|
|
670
482
|
}
|
|
671
483
|
|
|
672
|
-
.video-js.
|
|
484
|
+
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
673
485
|
margin-bottom: 2rem !important;
|
|
674
486
|
}
|
|
675
487
|
|
|
676
|
-
.video-js.
|
|
488
|
+
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
677
489
|
font-size: 18px !important;
|
|
678
490
|
}
|
|
679
491
|
|
|
680
492
|
|
|
681
|
-
.video-js.
|
|
682
|
-
.video-js.
|
|
493
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
494
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
683
495
|
font-size: 1.2em !important;
|
|
684
496
|
line-height: 1.5em !important;
|
|
685
497
|
padding: 0.2em 0.8em !important;
|
|
686
498
|
}
|
|
687
499
|
|
|
688
|
-
.video-js.
|
|
500
|
+
.video-js.skin_news .vjs-control-bar .vjs-svg-icon{
|
|
689
501
|
content: none !important;
|
|
690
502
|
fill: none !important;
|
|
691
503
|
filter: none !important;
|
|
692
504
|
}
|
|
693
505
|
|
|
694
|
-
|
|
506
|
+
/* svg icons opacity and hover effect */
|
|
507
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
|
|
508
|
+
opacity: 0.7 !important;
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
512
|
+
opacity: 1 !important;
|
|
513
|
+
}
|
|
514
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
515
|
+
opacity: 0.7 !important;
|
|
516
|
+
}
|
|
517
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
518
|
+
opacity: 1 !important;
|
|
519
|
+
}
|
|
520
|
+
|
|
521
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
695
522
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
696
523
|
}
|
|
697
524
|
|
|
698
|
-
.video-js.
|
|
525
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
699
526
|
color: rgba(255, 255, 2555, 1)!important;
|
|
700
527
|
}
|
|
701
528
|
|
|
702
529
|
|
|
703
530
|
|
|
704
|
-
|
|
531
|
+
|
|
532
|
+
|
|
533
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
705
534
|
font-size: 2.2em;
|
|
706
535
|
line-height: 2.6;
|
|
707
536
|
}
|
|
708
|
-
.video-js.
|
|
709
|
-
background:
|
|
537
|
+
.video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
|
|
538
|
+
background: #fcb700;
|
|
710
539
|
}
|
|
711
|
-
.video-js.
|
|
540
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
712
541
|
z-index: 1 !important;
|
|
713
542
|
height: 5em !important;
|
|
714
543
|
background: black !important;
|
|
715
544
|
}
|
|
716
|
-
.video-js.
|
|
545
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
717
546
|
display: flex;
|
|
718
547
|
align-items: center;
|
|
719
548
|
justify-content: center;
|
|
720
549
|
}
|
|
721
550
|
|
|
722
|
-
.video-js.
|
|
551
|
+
.video-js.skin_news_live .vjs-fade>* {
|
|
723
552
|
visibility: hidden !important;
|
|
724
553
|
opacity: 0 !important;
|
|
725
554
|
transition: visibility 1s, opacity 1s !important;
|
|
726
555
|
}
|
|
727
556
|
|
|
728
|
-
.video-js.
|
|
557
|
+
.video-js.skin_news_live .custom-spaced-progress-bar {
|
|
729
558
|
position: absolute;
|
|
730
559
|
width: 100%;
|
|
731
560
|
display: flex;
|
|
@@ -733,7 +562,7 @@
|
|
|
733
562
|
top: -0.5em;
|
|
734
563
|
}
|
|
735
564
|
|
|
736
|
-
.video-js.
|
|
565
|
+
.video-js.skin_news_live .vjs-progress-control {
|
|
737
566
|
/* left: -6px; */
|
|
738
567
|
position: relative;
|
|
739
568
|
width: 100%;
|
|
@@ -741,22 +570,25 @@
|
|
|
741
570
|
transition: height 0.1s, top 0.1s;
|
|
742
571
|
}
|
|
743
572
|
|
|
573
|
+
.video-js.skin_news_live .vjs-volume-panel{
|
|
574
|
+
min-width: 5.3em;
|
|
575
|
+
}
|
|
744
576
|
|
|
745
577
|
|
|
746
578
|
|
|
747
|
-
.video-js.
|
|
748
|
-
display: block;
|
|
749
|
-
flex: 1 1 auto;
|
|
579
|
+
.video-js.skin_news_live .vjs-custom-control-spacer {
|
|
580
|
+
/* display: block; */
|
|
581
|
+
/* flex: 1 1 auto; */
|
|
750
582
|
}
|
|
751
583
|
|
|
752
|
-
.video-js.
|
|
584
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
753
585
|
margin: 0 0px 0 0px;
|
|
754
586
|
}
|
|
755
|
-
.video-js.
|
|
587
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
756
588
|
display: none;
|
|
757
589
|
}
|
|
758
590
|
|
|
759
|
-
.video-js.
|
|
591
|
+
.video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
760
592
|
font-size: 14px;
|
|
761
593
|
font-weight: 500;
|
|
762
594
|
align-self: center;
|
|
@@ -765,30 +597,30 @@
|
|
|
765
597
|
border-radius: 8px;
|
|
766
598
|
}
|
|
767
599
|
|
|
768
|
-
.video-js.
|
|
600
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
769
601
|
height: 6px !important;
|
|
770
602
|
}
|
|
771
603
|
|
|
772
|
-
.video-js.
|
|
604
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
773
605
|
font-size: 1.5em;
|
|
774
606
|
line-height: unset;
|
|
775
607
|
top: -0.3333333333em;
|
|
776
608
|
}
|
|
777
609
|
|
|
778
|
-
.video-js.
|
|
610
|
+
.video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
|
|
779
611
|
display: none !important;
|
|
780
612
|
}
|
|
781
613
|
|
|
782
614
|
/* */
|
|
783
|
-
.video-js.
|
|
615
|
+
.video-js.skin_news_live .vjs-mouse-display{
|
|
784
616
|
font-size: 1.6666666667em;
|
|
785
617
|
}
|
|
786
618
|
|
|
787
|
-
.video-js.
|
|
619
|
+
.video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
|
|
788
620
|
font-size: 1em !important;
|
|
789
621
|
}
|
|
790
622
|
|
|
791
|
-
.video-js.
|
|
623
|
+
.video-js.skin_news_live .vjs-button{
|
|
792
624
|
width: 5.3em;
|
|
793
625
|
display: flex;
|
|
794
626
|
align-items: center;
|
|
@@ -796,63 +628,71 @@
|
|
|
796
628
|
}
|
|
797
629
|
|
|
798
630
|
|
|
799
|
-
.video-js.
|
|
631
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
800
632
|
.icon-maximize {
|
|
801
633
|
display: block;
|
|
802
634
|
height: 32px;
|
|
803
635
|
}
|
|
804
636
|
|
|
805
|
-
.video-js.
|
|
637
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
806
638
|
line-height: 4;
|
|
807
639
|
}
|
|
808
640
|
|
|
809
|
-
.video-js.
|
|
641
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
810
642
|
.icon-minimize {
|
|
811
643
|
display: none;
|
|
812
644
|
height: 32px;
|
|
813
645
|
}
|
|
814
646
|
|
|
815
|
-
.video-js.
|
|
647
|
+
.video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
|
|
816
648
|
outline: none !important;
|
|
649
|
+
/* flex: 1; */
|
|
817
650
|
}
|
|
818
|
-
.video-js.
|
|
651
|
+
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
652
|
+
display: flex;
|
|
653
|
+
flex: 1;
|
|
654
|
+
justify-content: center;
|
|
655
|
+
}
|
|
656
|
+
|
|
657
|
+
|
|
658
|
+
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
819
659
|
.vjs-icon-fullscreen-enter:before {
|
|
820
660
|
/* content: '' !important; */
|
|
821
661
|
}
|
|
822
662
|
|
|
823
|
-
.video-js.
|
|
663
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
824
664
|
display: flex;
|
|
825
665
|
justify-content: center;
|
|
826
666
|
align-items: center;
|
|
827
667
|
/* transform: rotate(90deg); */
|
|
828
668
|
}
|
|
829
669
|
|
|
830
|
-
.video-js.
|
|
670
|
+
.video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
831
671
|
display: none;
|
|
832
672
|
}
|
|
833
|
-
.video-js.
|
|
673
|
+
.video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
|
|
834
674
|
margin-left: -10px;
|
|
835
675
|
}
|
|
836
676
|
|
|
837
|
-
.video-js.
|
|
677
|
+
.video-js.skin_news_live .skipbtn:hover{
|
|
838
678
|
cursor: pointer;
|
|
839
679
|
}
|
|
840
680
|
|
|
841
|
-
.video-js.
|
|
681
|
+
.video-js.skin_news_live .rewindbtn:hover{
|
|
842
682
|
cursor: pointer;
|
|
843
683
|
}
|
|
844
684
|
|
|
845
|
-
.video-js.
|
|
685
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
846
686
|
position: relative;
|
|
847
687
|
padding-left: 0;
|
|
848
688
|
}
|
|
849
689
|
|
|
850
|
-
.video-js.
|
|
690
|
+
.video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
|
|
851
691
|
display: none !important;
|
|
852
692
|
}
|
|
853
693
|
|
|
854
|
-
.video-js.
|
|
855
|
-
width: 90px;
|
|
694
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
695
|
+
/* width: 90px;
|
|
856
696
|
height: 90px;
|
|
857
697
|
display: flex;
|
|
858
698
|
justify-content: center;
|
|
@@ -867,19 +707,20 @@
|
|
|
867
707
|
font-size: 6em;
|
|
868
708
|
line-height: 1.4em;
|
|
869
709
|
border: 0.05em solid;
|
|
870
|
-
color: inherit;
|
|
710
|
+
color: inherit; */
|
|
711
|
+
display: none !important;
|
|
871
712
|
}
|
|
872
|
-
.video-js.
|
|
713
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
873
714
|
font-weight: bold;
|
|
874
715
|
}
|
|
875
716
|
|
|
876
|
-
.video-js.
|
|
717
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
|
|
877
718
|
bottom: 2.4em !important;
|
|
878
719
|
right: -1em;
|
|
879
720
|
z-index: 1;
|
|
880
721
|
}
|
|
881
722
|
|
|
882
|
-
.video-js.
|
|
723
|
+
.video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
|
|
883
724
|
width: 24px !important;
|
|
884
725
|
height: 24px !important;
|
|
885
726
|
}
|
|
@@ -889,34 +730,34 @@
|
|
|
889
730
|
}
|
|
890
731
|
|
|
891
732
|
|
|
892
|
-
.video-js.
|
|
733
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
893
734
|
cursor: pointer;
|
|
894
735
|
}
|
|
895
736
|
|
|
896
|
-
.video-js.
|
|
737
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
897
738
|
padding-right: 0;
|
|
739
|
+
display: none;
|
|
898
740
|
}
|
|
899
741
|
|
|
900
|
-
.video-js.
|
|
742
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
901
743
|
padding-left: 0;
|
|
744
|
+
display: none;
|
|
902
745
|
}
|
|
903
746
|
|
|
904
|
-
.video-js.
|
|
747
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
905
748
|
padding-left: 0;
|
|
906
749
|
padding-right: 0;
|
|
907
|
-
display:
|
|
908
|
-
justify-content: center;
|
|
909
|
-
width: min-content;
|
|
750
|
+
display: none;
|
|
910
751
|
}
|
|
911
752
|
|
|
912
|
-
.video-js.
|
|
753
|
+
.video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
|
|
913
754
|
display: none
|
|
914
755
|
}
|
|
915
|
-
.video-js.
|
|
756
|
+
.video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
916
757
|
display: none
|
|
917
758
|
}
|
|
918
759
|
|
|
919
|
-
.video-js.
|
|
760
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control {
|
|
920
761
|
display: flex;
|
|
921
762
|
align-items: center;
|
|
922
763
|
font-weight: 700;
|
|
@@ -924,26 +765,26 @@
|
|
|
924
765
|
min-width: 1.2em;
|
|
925
766
|
}
|
|
926
767
|
|
|
927
|
-
.video-js.
|
|
768
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
928
769
|
display: none;
|
|
929
770
|
font-size: 11px;
|
|
930
771
|
justify-content: center;
|
|
931
772
|
align-items: center;
|
|
932
773
|
user-select: none;
|
|
933
774
|
}
|
|
934
|
-
.video-js.
|
|
775
|
+
.video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
935
776
|
display: none;
|
|
936
777
|
}
|
|
937
778
|
|
|
938
|
-
.video-js.
|
|
779
|
+
.video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
939
780
|
height: min-content;
|
|
940
781
|
width: min-content;
|
|
941
782
|
}
|
|
942
|
-
.video-js.
|
|
783
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
943
784
|
width: 6em;
|
|
944
785
|
}
|
|
945
786
|
|
|
946
|
-
.video-js.
|
|
787
|
+
.video-js.skin_news_live .content{
|
|
947
788
|
bottom: 3.4rem !important;
|
|
948
789
|
right: -4rem !important;
|
|
949
790
|
}
|
|
@@ -962,15 +803,16 @@
|
|
|
962
803
|
pointer-events:none
|
|
963
804
|
}
|
|
964
805
|
|
|
965
|
-
.video-js.
|
|
806
|
+
.video-js.skin_news_live iframe{
|
|
966
807
|
width: 100%;
|
|
967
808
|
height: 100%;
|
|
968
809
|
}
|
|
969
810
|
|
|
970
|
-
.video-js.
|
|
811
|
+
.video-js.skin_news_live .vjs-live-control{
|
|
971
812
|
align-items: center;
|
|
813
|
+
display: none;
|
|
972
814
|
}
|
|
973
|
-
.video-js.
|
|
815
|
+
.video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
|
|
974
816
|
height: 2.2em;
|
|
975
817
|
display: flex;
|
|
976
818
|
align-items: center;
|
|
@@ -981,43 +823,22 @@
|
|
|
981
823
|
margin: 4px 0px 4px 12px;
|
|
982
824
|
}
|
|
983
825
|
|
|
984
|
-
.video-js.
|
|
826
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
|
|
985
827
|
text-shadow: none;
|
|
986
828
|
}
|
|
987
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
988
|
-
display: none;
|
|
989
|
-
font-size: 12px;
|
|
990
|
-
}
|
|
991
829
|
|
|
992
|
-
.video-js.
|
|
993
|
-
|
|
994
|
-
display: inline-flex;
|
|
995
|
-
align-items: center;
|
|
996
|
-
/* font-family: monospace; */
|
|
830
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
|
|
831
|
+
display: flex;
|
|
997
832
|
justify-content: center;
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
padding: 0px 6px;
|
|
1002
|
-
font-size: 1.2em;
|
|
1003
|
-
font-weight: 500;
|
|
1004
|
-
color: rgba(255, 255, 2555, 0.7);
|
|
1005
|
-
|
|
1006
|
-
letter-spacing: -.1px;
|
|
1007
|
-
line-height: normal;
|
|
1008
|
-
text-transform: uppercase;
|
|
1009
|
-
color: #FFFFFF;
|
|
1010
|
-
opacity: .7;
|
|
1011
|
-
font-family: "Proxima Nova";
|
|
833
|
+
min-width: 5.3em;
|
|
834
|
+
pointer-events: none;
|
|
835
|
+
user-select: none;
|
|
1012
836
|
}
|
|
1013
837
|
|
|
1014
|
-
.video-js.
|
|
1015
|
-
|
|
838
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
|
|
839
|
+
color: white;
|
|
1016
840
|
}
|
|
1017
841
|
|
|
1018
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
1019
|
-
content: "NOT LIVE";
|
|
1020
|
-
}
|
|
1021
842
|
|
|
1022
843
|
.settings-selection.vjs-control.vjs-button{
|
|
1023
844
|
display: flex !important;
|
|
@@ -1034,57 +855,57 @@
|
|
|
1034
855
|
.tvProviderImage{
|
|
1035
856
|
display: none
|
|
1036
857
|
}
|
|
1037
|
-
.video-js.
|
|
858
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
1038
859
|
.icon-maximize {
|
|
1039
860
|
height: 30px !important;
|
|
1040
861
|
}
|
|
1041
862
|
|
|
1042
|
-
.video-js.
|
|
863
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
1043
864
|
.icon-minimize {
|
|
1044
865
|
height: 30px !important;
|
|
1045
866
|
}
|
|
1046
|
-
.video-js.
|
|
867
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1047
868
|
width: 4.5em;
|
|
1048
869
|
}
|
|
1049
|
-
.video-js.
|
|
870
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
1050
871
|
height: min-content;
|
|
1051
872
|
}
|
|
1052
873
|
|
|
1053
|
-
.video-js.
|
|
874
|
+
.video-js.skin_news_live button.vjs-slowmo-button{
|
|
1054
875
|
display: none;
|
|
1055
876
|
}
|
|
1056
|
-
.video-js.
|
|
877
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
1057
878
|
display: none;
|
|
1058
879
|
}
|
|
1059
|
-
.video-js.
|
|
880
|
+
.video-js.skin_news_live button.vjs-rewind-button>svg{
|
|
1060
881
|
height: 20px;
|
|
1061
882
|
}
|
|
1062
|
-
.video-js.
|
|
883
|
+
.video-js.skin_news_live .vjs-button{
|
|
1063
884
|
width: 4.8em;
|
|
1064
885
|
}
|
|
1065
|
-
.video-js.
|
|
886
|
+
.video-js.skin_news_live .widget-selection{
|
|
1066
887
|
display: none;
|
|
1067
888
|
}
|
|
1068
|
-
.video-js.
|
|
889
|
+
.video-js.skin_news_live .container{
|
|
1069
890
|
display: none !important;
|
|
1070
891
|
}
|
|
1071
|
-
.video-js.
|
|
892
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
1072
893
|
height: 4em !important;
|
|
1073
894
|
}
|
|
1074
|
-
.video-js.
|
|
895
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
|
|
1075
896
|
font-size: 2.5em;
|
|
1076
897
|
line-height: 1.5;
|
|
1077
898
|
}
|
|
1078
|
-
.video-js.
|
|
899
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
1079
900
|
font-size: 1.2em;
|
|
1080
901
|
position: absolute;
|
|
1081
902
|
right: -0.5em;
|
|
1082
903
|
z-index: 1;
|
|
1083
904
|
}
|
|
1084
|
-
.video-js.
|
|
905
|
+
.video-js.skin_news_live button.vjs-skip-button>svg{
|
|
1085
906
|
height: 20px;
|
|
1086
907
|
}
|
|
1087
|
-
.video-js.
|
|
908
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
1088
909
|
width: 50px !important;
|
|
1089
910
|
height: 50px !important;
|
|
1090
911
|
font-size: 2.1rem !important;
|
|
@@ -1094,17 +915,17 @@
|
|
|
1094
915
|
width: 24px;
|
|
1095
916
|
height: 24px;
|
|
1096
917
|
}
|
|
1097
|
-
.video-js.
|
|
918
|
+
.video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
1098
919
|
margin: 0 12px 0 12px;
|
|
1099
920
|
}
|
|
1100
|
-
.video-js.
|
|
921
|
+
.video-js.skin_news_live .vjs-seek-to-live-text{
|
|
1101
922
|
font-size: 12px;
|
|
1102
923
|
}
|
|
1103
|
-
.video-js.
|
|
924
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
1104
925
|
margin: 0 12px 0 12px;
|
|
1105
926
|
}
|
|
1106
927
|
}
|
|
1107
|
-
.video-js.
|
|
928
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
1108
929
|
width: 90px;
|
|
1109
930
|
height: 90px;
|
|
1110
931
|
display: flex;
|
|
@@ -1121,114 +942,292 @@
|
|
|
1121
942
|
line-height: 1.4em;
|
|
1122
943
|
}
|
|
1123
944
|
|
|
1124
|
-
.video-js.
|
|
1125
|
-
display: flex;
|
|
1126
|
-
justify-content: center;
|
|
1127
|
-
align-items: center;
|
|
1128
|
-
height: 100%;
|
|
1129
|
-
transition: width 0.1s;
|
|
945
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
946
|
+
display: flex;
|
|
947
|
+
justify-content: center;
|
|
948
|
+
align-items: center;
|
|
949
|
+
height: 100%;
|
|
950
|
+
transition: width 0.1s;
|
|
951
|
+
}
|
|
952
|
+
|
|
953
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
954
|
+
display: flex;
|
|
955
|
+
justify-content: center;
|
|
956
|
+
align-items: center;
|
|
957
|
+
height: 100%;
|
|
958
|
+
transition: width 0.1s;
|
|
959
|
+
}
|
|
960
|
+
.video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
961
|
+
display: none !important;
|
|
962
|
+
}
|
|
963
|
+
|
|
964
|
+
@media (max-width: 576px) {
|
|
965
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
966
|
+
height: 5px !important;
|
|
967
|
+
}
|
|
968
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
969
|
+
width: 50px !important;
|
|
970
|
+
height: 50px !important;
|
|
971
|
+
font-size: 2.1rem !important;
|
|
972
|
+
}
|
|
973
|
+
|
|
974
|
+
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
975
|
+
display: none;
|
|
976
|
+
}
|
|
977
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
|
|
978
|
+
bottom: 2.4em !important;
|
|
979
|
+
right: -1em;
|
|
980
|
+
z-index: 1;
|
|
981
|
+
}
|
|
982
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
983
|
+
display: none !important;
|
|
984
|
+
}
|
|
985
|
+
|
|
986
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
987
|
+
color: white !important;
|
|
988
|
+
font-size: 13px !important;
|
|
989
|
+
background-color: black !important;
|
|
990
|
+
}
|
|
991
|
+
}
|
|
992
|
+
|
|
993
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml {
|
|
994
|
+
width: 100% !important;
|
|
995
|
+
}
|
|
996
|
+
|
|
997
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
998
|
+
color: white !important;
|
|
999
|
+
font-size: 16px !important;
|
|
1000
|
+
background-color: black !important;
|
|
1001
|
+
}
|
|
1002
|
+
|
|
1003
|
+
.video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
1004
|
+
margin-bottom: 2rem !important;
|
|
1005
|
+
}
|
|
1006
|
+
|
|
1007
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml p {
|
|
1008
|
+
font-size: 18px !important;
|
|
1009
|
+
}
|
|
1010
|
+
|
|
1011
|
+
|
|
1012
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1013
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1014
|
+
font-size: 1.2em !important;
|
|
1015
|
+
line-height: 1.5em !important;
|
|
1016
|
+
padding: 0.2em 0.8em !important;
|
|
1017
|
+
}
|
|
1018
|
+
|
|
1019
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
|
|
1020
|
+
content: none !important;
|
|
1021
|
+
fill: none !important;
|
|
1022
|
+
filter: none !important;
|
|
1023
|
+
}
|
|
1024
|
+
|
|
1025
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1026
|
+
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1027
|
+
}
|
|
1028
|
+
|
|
1029
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1030
|
+
color: rgba(255, 255, 2555, 1)!important;
|
|
1031
|
+
}
|
|
1032
|
+
|
|
1033
|
+
|
|
1034
|
+
|
|
1035
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
1036
|
+
height: 0.7em;
|
|
1037
|
+
position: absolute;
|
|
1038
|
+
top: -0.7em;
|
|
1039
|
+
width: 100%;
|
|
1040
|
+
}
|
|
1041
|
+
|
|
1042
|
+
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
1043
|
+
height: 100%;
|
|
1044
|
+
}
|
|
1045
|
+
|
|
1046
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
1047
|
+
line-height: 2.5;
|
|
1048
|
+
}
|
|
1049
|
+
|
|
1050
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
1051
|
+
height: 19px;
|
|
1052
|
+
width: 19px;
|
|
1053
|
+
cursor: pointer;
|
|
1054
|
+
}
|
|
1055
|
+
.video-js.skin_vlone .vjs-control {
|
|
1056
|
+
user-select: none;
|
|
1057
|
+
}
|
|
1058
|
+
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
1059
|
+
user-select: none;
|
|
1060
|
+
}
|
|
1061
|
+
|
|
1062
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
1063
|
+
height: 19px;
|
|
1064
|
+
width: 19px;
|
|
1065
|
+
cursor: pointer;
|
|
1066
|
+
}
|
|
1067
|
+
|
|
1068
|
+
.video-js.skin_vlone .vjs-play-progress:before {
|
|
1069
|
+
display: none !important;
|
|
1070
|
+
}
|
|
1071
|
+
|
|
1072
|
+
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
1073
|
+
margin: 0 !important;
|
|
1074
|
+
|
|
1075
|
+
}
|
|
1076
|
+
|
|
1077
|
+
|
|
1078
|
+
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
1079
|
+
display: block;
|
|
1080
|
+
flex: 1 1 auto;
|
|
1081
|
+
}
|
|
1082
|
+
|
|
1083
|
+
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1084
|
+
z-index: 1;
|
|
1085
|
+
}
|
|
1086
|
+
|
|
1087
|
+
|
|
1088
|
+
.video-js.skin_vlone .vjs-control-bar {
|
|
1089
|
+
height: 40px;
|
|
1130
1090
|
}
|
|
1131
1091
|
|
|
1132
|
-
.video-js.
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
align-items: center;
|
|
1136
|
-
height: 100%;
|
|
1137
|
-
transition: width 0.1s;
|
|
1092
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
|
|
1093
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
1094
|
+
position: relative !important;
|
|
1138
1095
|
}
|
|
1139
|
-
.video-js.
|
|
1140
|
-
|
|
1096
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
|
|
1097
|
+
display: flex;
|
|
1098
|
+
left: 0px;
|
|
1099
|
+
top: -1px;
|
|
1141
1100
|
}
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1101
|
+
|
|
1102
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
1103
|
+
font-size: 2em !important;
|
|
1145
1104
|
}
|
|
1146
1105
|
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
}
|
|
1151
|
-
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
1152
|
-
height: 5px !important;
|
|
1153
|
-
}
|
|
1154
|
-
.video-js.skin_news button.vjs-big-play-button {
|
|
1155
|
-
width: 50px !important;
|
|
1156
|
-
height: 50px !important;
|
|
1157
|
-
font-size: 2.1rem !important;
|
|
1158
|
-
}
|
|
1106
|
+
.video-js.skin_vlone .vjs-control {
|
|
1107
|
+
width: 4.3em;
|
|
1108
|
+
}
|
|
1159
1109
|
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
}
|
|
1163
|
-
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
1164
|
-
bottom: 2.4em !important;
|
|
1165
|
-
right: -1em;
|
|
1166
|
-
z-index: 1;
|
|
1110
|
+
.vjs-menu-button-popup .vjs-menu {
|
|
1111
|
+
bottom: 10px !important;
|
|
1167
1112
|
}
|
|
1168
|
-
|
|
1113
|
+
|
|
1114
|
+
|
|
1115
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
|
|
1116
|
+
height: 1.3em;
|
|
1117
|
+
position: absolute;
|
|
1118
|
+
top: -1.3em;
|
|
1119
|
+
transition: height 0.3s, top 0.3s;
|
|
1120
|
+
}
|
|
1121
|
+
|
|
1122
|
+
|
|
1123
|
+
.video-js.skin_vlone.vjs-live .vjs-time-control{
|
|
1169
1124
|
display: none !important;
|
|
1170
|
-
|
|
1125
|
+
}
|
|
1171
1126
|
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1127
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
1128
|
+
display: block;
|
|
1129
|
+
}
|
|
1130
|
+
.video-js.skin_vlone .vjs-remaining-time {
|
|
1131
|
+
display: none;
|
|
1177
1132
|
}
|
|
1178
1133
|
|
|
1179
|
-
.video-js.
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1134
|
+
.video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
|
|
1135
|
+
line-height: 3.5em;
|
|
1136
|
+
font-size: 1.1em;
|
|
1137
|
+
min-width: 4em;
|
|
1183
1138
|
}
|
|
1184
1139
|
|
|
1185
|
-
.video-js.
|
|
1186
|
-
|
|
1140
|
+
.video-js.skin_vlone .vjs-time-divider > div{
|
|
1141
|
+
display: flex;
|
|
1142
|
+
justify-content: center;
|
|
1187
1143
|
}
|
|
1188
1144
|
|
|
1189
|
-
.video-js.
|
|
1190
|
-
|
|
1145
|
+
.video-js.skin_vlone .vjs-live-control{
|
|
1146
|
+
align-items: center;
|
|
1147
|
+
}
|
|
1148
|
+
.video-js.skin_vlone .vjs-live-display{
|
|
1149
|
+
height: 2.2em;
|
|
1150
|
+
display: flex;
|
|
1151
|
+
align-items: center;
|
|
1152
|
+
font-family: monospace;
|
|
1153
|
+
width: 4em;
|
|
1154
|
+
justify-content: center;
|
|
1155
|
+
background: red;
|
|
1156
|
+
margin: 4px 0px 4px 12px;
|
|
1157
|
+
}
|
|
1158
|
+
.video-js.skin_vlone .vjs-live-display:hover{
|
|
1159
|
+
cursor: pointer;
|
|
1160
|
+
}
|
|
1161
|
+
|
|
1162
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
1163
|
+
line-height: 3.5em !important;
|
|
1164
|
+
font-size: 1.1em !important;
|
|
1165
|
+
width: min-content !important;
|
|
1166
|
+
min-width: 1.5em;
|
|
1167
|
+
padding: 0 !important;
|
|
1168
|
+
user-select: none;
|
|
1191
1169
|
}
|
|
1192
1170
|
|
|
1171
|
+
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
1172
|
+
margin-left: 16px !important;
|
|
1173
|
+
}
|
|
1193
1174
|
|
|
1194
|
-
.video-js.
|
|
1195
|
-
.video-js.
|
|
1175
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1176
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1196
1177
|
font-size: 1.2em !important;
|
|
1197
1178
|
line-height: 1.5em !important;
|
|
1198
1179
|
padding: 0.2em 0.8em !important;
|
|
1199
1180
|
}
|
|
1200
1181
|
|
|
1201
|
-
.video-js.skin_news .vjs-control-bar .vjs-svg-icon{
|
|
1202
|
-
content: none !important;
|
|
1203
|
-
fill: none !important;
|
|
1204
|
-
filter: none !important;
|
|
1205
|
-
}
|
|
1206
1182
|
|
|
1207
|
-
/*
|
|
1208
|
-
.video-js.
|
|
1209
|
-
|
|
1183
|
+
/* Big play */
|
|
1184
|
+
.video-js.skin_vlone.vjs-paused .vjs-big-play-button {
|
|
1185
|
+
width: 80px;
|
|
1186
|
+
height: 80px;
|
|
1187
|
+
display: flex;
|
|
1188
|
+
justify-content: center;
|
|
1189
|
+
align-items: center;
|
|
1190
|
+
border: none;
|
|
1191
|
+
position: absolute;
|
|
1192
|
+
top: 0;
|
|
1193
|
+
left: 0;
|
|
1194
|
+
right: 0;
|
|
1195
|
+
bottom: 0;
|
|
1196
|
+
margin: auto;
|
|
1197
|
+
font-size: 5em;
|
|
1198
|
+
line-height: 1.3em;
|
|
1199
|
+
transform: none !important;
|
|
1200
|
+
border-radius: 1.3em;
|
|
1210
1201
|
}
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1202
|
+
.video-js.skin_vlone .ssai-ad-container{
|
|
1203
|
+
position: absolute;
|
|
1204
|
+
bottom: 4px;
|
|
1214
1205
|
}
|
|
1215
|
-
|
|
1216
|
-
|
|
1206
|
+
|
|
1207
|
+
@media(max-width:600px){
|
|
1208
|
+
.video-js.skin_vlone button.vjs-big-play-button {
|
|
1209
|
+
width: 50px !important;
|
|
1210
|
+
height: 50px !important;
|
|
1211
|
+
font-size: 2.1rem !important;
|
|
1212
|
+
}
|
|
1213
|
+
|
|
1214
|
+
.video-js.skin_vlone .ssai-ad-container {
|
|
1215
|
+
position: absolute;
|
|
1216
|
+
bottom: 2px;
|
|
1217
1217
|
}
|
|
1218
|
-
.video-js.
|
|
1219
|
-
|
|
1218
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
1219
|
+
display: none;
|
|
1220
1220
|
}
|
|
1221
1221
|
|
|
1222
|
-
.video-js.
|
|
1223
|
-
|
|
1222
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
|
|
1223
|
+
/* display: none; */
|
|
1224
1224
|
}
|
|
1225
1225
|
|
|
1226
|
-
.video-js.
|
|
1227
|
-
|
|
1226
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
|
|
1227
|
+
/* display: none; */
|
|
1228
1228
|
}
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1229
|
+
}
|
|
1230
|
+
|
|
1232
1231
|
|
|
1233
1232
|
.video-js.skin_cn_news .vjs-control-bar {
|
|
1234
1233
|
z-index: 1 !important;
|
|
@@ -2032,6 +2031,7 @@
|
|
|
2032
2031
|
|
|
2033
2032
|
|
|
2034
2033
|
|
|
2034
|
+
|
|
2035
2035
|
/* CSS for videojs-dvr-seekbar */
|
|
2036
2036
|
|
|
2037
2037
|
.video-js.vjs-dvr-seekbar {
|
|
@@ -2292,6 +2292,8 @@
|
|
|
2292
2292
|
}
|
|
2293
2293
|
|
|
2294
2294
|
|
|
2295
|
+
|
|
2296
|
+
|
|
2295
2297
|
.vjs-custom-big-mute.vjs-control{
|
|
2296
2298
|
position: absolute;
|
|
2297
2299
|
align-items: center;
|
|
@@ -2341,8 +2343,6 @@
|
|
|
2341
2343
|
}
|
|
2342
2344
|
|
|
2343
2345
|
|
|
2344
|
-
|
|
2345
|
-
|
|
2346
2346
|
/* nextep — up-next card (centered in player, scales with player size) */
|
|
2347
2347
|
.video-js:has(.next-ep-preview),
|
|
2348
2348
|
.video-js:has(.next-ep-preview-player-thumb) {
|
|
@@ -2625,38 +2625,6 @@
|
|
|
2625
2625
|
z-index: 30 !important;
|
|
2626
2626
|
}
|
|
2627
2627
|
|
|
2628
|
-
/* a wrapper element that tracks the mouse vertically */
|
|
2629
|
-
.vjs-thumbnail-holder {
|
|
2630
|
-
position: absolute;
|
|
2631
|
-
left: -1000px;
|
|
2632
|
-
}
|
|
2633
|
-
|
|
2634
|
-
/* the thumbnail image itself */
|
|
2635
|
-
.vjs-thumbnail {
|
|
2636
|
-
position: absolute;
|
|
2637
|
-
left: 0;
|
|
2638
|
-
bottom: 1.3em;
|
|
2639
|
-
opacity: 0;
|
|
2640
|
-
transition: opacity .2s ease;
|
|
2641
|
-
-webkit-transition: opacity .2s ease;
|
|
2642
|
-
-moz-transition: opacity .2s ease;
|
|
2643
|
-
-mz-transition: opacity .2s ease;
|
|
2644
|
-
}
|
|
2645
|
-
|
|
2646
|
-
/* fade in the thumbnail when hovering over the progress bar */
|
|
2647
|
-
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
|
|
2648
|
-
.vjs-progress-control:hover .vjs-thumbnail,
|
|
2649
|
-
.vjs-progress-control.fake-active .vjs-thumbnail,
|
|
2650
|
-
.vjs-progress-control:active .vjs-thumbnail {
|
|
2651
|
-
opacity: 1;
|
|
2652
|
-
}
|
|
2653
|
-
|
|
2654
|
-
/* ... but hide the thumbnail when hovering directly over it */
|
|
2655
|
-
.vjs-progress-control:hover .vjs-thumbnail:hover,
|
|
2656
|
-
.vjs-progress-control:active .vjs-thumbnail:active {
|
|
2657
|
-
opacity: 0;
|
|
2658
|
-
}
|
|
2659
|
-
|
|
2660
2628
|
.video-js.vjs-quality-menu {
|
|
2661
2629
|
display: block;
|
|
2662
2630
|
}
|
|
@@ -2727,6 +2695,38 @@
|
|
|
2727
2695
|
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
|
|
2728
2696
|
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
|
|
2729
2697
|
}
|
|
2698
|
+
/* a wrapper element that tracks the mouse vertically */
|
|
2699
|
+
.vjs-thumbnail-holder {
|
|
2700
|
+
position: absolute;
|
|
2701
|
+
left: -1000px;
|
|
2702
|
+
}
|
|
2703
|
+
|
|
2704
|
+
/* the thumbnail image itself */
|
|
2705
|
+
.vjs-thumbnail {
|
|
2706
|
+
position: absolute;
|
|
2707
|
+
left: 0;
|
|
2708
|
+
bottom: 1.3em;
|
|
2709
|
+
opacity: 0;
|
|
2710
|
+
transition: opacity .2s ease;
|
|
2711
|
+
-webkit-transition: opacity .2s ease;
|
|
2712
|
+
-moz-transition: opacity .2s ease;
|
|
2713
|
+
-mz-transition: opacity .2s ease;
|
|
2714
|
+
}
|
|
2715
|
+
|
|
2716
|
+
/* fade in the thumbnail when hovering over the progress bar */
|
|
2717
|
+
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
|
|
2718
|
+
.vjs-progress-control:hover .vjs-thumbnail,
|
|
2719
|
+
.vjs-progress-control.fake-active .vjs-thumbnail,
|
|
2720
|
+
.vjs-progress-control:active .vjs-thumbnail {
|
|
2721
|
+
opacity: 1;
|
|
2722
|
+
}
|
|
2723
|
+
|
|
2724
|
+
/* ... but hide the thumbnail when hovering directly over it */
|
|
2725
|
+
.vjs-progress-control:hover .vjs-thumbnail:hover,
|
|
2726
|
+
.vjs-progress-control:active .vjs-thumbnail:active {
|
|
2727
|
+
opacity: 0;
|
|
2728
|
+
}
|
|
2729
|
+
|
|
2730
2730
|
.vjs-poster {
|
|
2731
2731
|
display: inline-block;
|
|
2732
2732
|
vertical-align: middle;
|