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