@viewlift/player-backup 2.0.388-backup → 2.0.389-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-5d96dfd8.js → autoNextVideo-8cbc690e.js} +1 -1
- package/cjs/bundle.css +563 -563
- package/cjs/{features-159b6881.js → features-c21f1c13.js} +1 -1
- package/cjs/generic-fbfb6341.js +1 -0
- package/cjs/{index-52087553.js → index-09b881a9.js} +1 -1
- package/cjs/{index-788fb63b.js → index-19cea902.js} +1 -1
- package/cjs/{index-c05087e2.js → index-3fc67c11.js} +1 -1
- package/cjs/index.js +1 -1
- package/cjs/{multicamv2-a0e40578.js → multicamv2-d594232e.js} +1 -1
- package/cjs/{multicamv2-ad4fbf67.js → multicamv2-ff4fb317.js} +1 -1
- package/cjs/{nextEpisodeButton-938129c4.js → nextEpisodeButton-73be0987.js} +1 -1
- package/cjs/{playlist-dc97212e.js → playlist-a86090ed.js} +1 -1
- package/cjs/{series-95f0d2b1.js → series-b6e6f2c7.js} +1 -1
- package/cjs/{series-v2-4dfa43e1.js → series-v2-36f5c321.js} +1 -1
- package/cjs/{series-v2-d31d9594.js → series-v2-5539dcb0.js} +1 -1
- package/cjs/{skin-9860884e.js → skin-022c9633.js} +1 -1
- package/cjs/{skin-01c0f6b9.js → skin-03a3ceb0.js} +1 -1
- package/cjs/{skin-9c0c0ae3.js → skin-04c73040.js} +1 -1
- package/cjs/{skin-cab8b6d2.js → skin-468ca94e.js} +1 -1
- package/cjs/{skin-ce275bae.js → skin-bfb81b88.js} +1 -1
- package/cjs/{skin-ac9cf139.js → skin-d3ad9d25.js} +1 -1
- package/cjs/{skin-45b59e86.js → skin-d59770f1.js} +1 -1
- package/cjs/{skin-cbbea5d0.js → skin-e6c501f3.js} +1 -1
- package/cjs/{skin-c9fa937e.js → skin-f5f80bdc.js} +1 -1
- package/cjs/{skin-0427f15f.js → skin-fa6a9fe4.js} +1 -1
- package/cjs/{videoSelector-ced69919.js → videoSelector-4920c017.js} +1 -1
- package/cjs/{videoSelector-c825e386.js → videoSelector-50172242.js} +1 -1
- package/esm/{autoNextVideo-ac1f3171.js → autoNextVideo-7045a165.js} +1 -1
- package/esm/bundle.css +563 -563
- package/esm/{features-64cd7edf.js → features-216a2bed.js} +1 -1
- package/esm/generic-0e7e095d.js +1 -0
- package/esm/{index-302e85e4.js → index-1a11134a.js} +1 -1
- package/esm/{index-66c8402b.js → index-35385f65.js} +1 -1
- package/esm/{index-8192aad1.js → index-d24cfb75.js} +1 -1
- package/esm/index.js +1 -1
- package/esm/{multicamv2-05305256.js → multicamv2-419afc00.js} +1 -1
- package/esm/{multicamv2-5824c3b6.js → multicamv2-a0028af4.js} +1 -1
- package/esm/{nextEpisodeButton-44b32ceb.js → nextEpisodeButton-eebaff65.js} +1 -1
- package/esm/{playlist-207f98bd.js → playlist-5fc6d160.js} +1 -1
- package/esm/{series-a776c9da.js → series-7e911a38.js} +1 -1
- package/esm/{series-v2-3615cc8d.js → series-v2-bde240a6.js} +1 -1
- package/esm/{series-v2-41136150.js → series-v2-f729f637.js} +1 -1
- package/esm/{skin-11d9d9fa.js → skin-0d1543d8.js} +1 -1
- package/esm/{skin-8bd7af13.js → skin-0deeddfb.js} +1 -1
- package/esm/{skin-35f52ac7.js → skin-2cca65b5.js} +1 -1
- package/esm/{skin-469b3d49.js → skin-2d158840.js} +1 -1
- package/esm/{skin-f923ce4c.js → skin-3f35e78c.js} +1 -1
- package/esm/{skin-31df38ce.js → skin-82886153.js} +1 -1
- package/esm/{skin-c416303b.js → skin-949c388f.js} +1 -1
- package/esm/{skin-c4dea6da.js → skin-a6484b30.js} +1 -1
- package/esm/{skin-850c4cb7.js → skin-cfce151b.js} +1 -1
- package/esm/{skin-9bca7f9c.js → skin-d6e6c01b.js} +1 -1
- package/esm/{videoSelector-9592ec68.js → videoSelector-3c36621b.js} +1 -1
- package/esm/{videoSelector-fb7fb8d6.js → videoSelector-b08dc35a.js} +1 -1
- package/package.json +1 -1
- package/cjs/generic-a5c16647.js +0 -1
- package/esm/generic-e5ce545a.js +0 -1
package/esm/bundle.css
CHANGED
|
@@ -1,31 +1,34 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
5
8
|
font-size: 2.2em;
|
|
6
9
|
line-height: 2.6;
|
|
7
10
|
}
|
|
8
|
-
.video-js.
|
|
9
|
-
background:
|
|
11
|
+
.video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
|
|
12
|
+
background: #fcb700;
|
|
10
13
|
}
|
|
11
|
-
.video-js.
|
|
14
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
12
15
|
z-index: 1 !important;
|
|
13
16
|
height: 5em !important;
|
|
14
17
|
background: black !important;
|
|
15
18
|
}
|
|
16
|
-
.video-js.
|
|
19
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
17
20
|
display: flex;
|
|
18
21
|
align-items: center;
|
|
19
22
|
justify-content: center;
|
|
20
23
|
}
|
|
21
24
|
|
|
22
|
-
.video-js.
|
|
25
|
+
.video-js.skin_news_live .vjs-fade>* {
|
|
23
26
|
visibility: hidden !important;
|
|
24
27
|
opacity: 0 !important;
|
|
25
28
|
transition: visibility 1s, opacity 1s !important;
|
|
26
29
|
}
|
|
27
30
|
|
|
28
|
-
.video-js.
|
|
31
|
+
.video-js.skin_news_live .custom-spaced-progress-bar {
|
|
29
32
|
position: absolute;
|
|
30
33
|
width: 100%;
|
|
31
34
|
display: flex;
|
|
@@ -33,7 +36,7 @@
|
|
|
33
36
|
top: -0.5em;
|
|
34
37
|
}
|
|
35
38
|
|
|
36
|
-
.video-js.
|
|
39
|
+
.video-js.skin_news_live .vjs-progress-control {
|
|
37
40
|
/* left: -6px; */
|
|
38
41
|
position: relative;
|
|
39
42
|
width: 100%;
|
|
@@ -41,22 +44,25 @@
|
|
|
41
44
|
transition: height 0.1s, top 0.1s;
|
|
42
45
|
}
|
|
43
46
|
|
|
47
|
+
.video-js.skin_news_live .vjs-volume-panel{
|
|
48
|
+
min-width: 5.3em;
|
|
49
|
+
}
|
|
44
50
|
|
|
45
51
|
|
|
46
52
|
|
|
47
|
-
.video-js.
|
|
48
|
-
display: block;
|
|
49
|
-
flex: 1 1 auto;
|
|
53
|
+
.video-js.skin_news_live .vjs-custom-control-spacer {
|
|
54
|
+
/* display: block; */
|
|
55
|
+
/* flex: 1 1 auto; */
|
|
50
56
|
}
|
|
51
57
|
|
|
52
|
-
.video-js.
|
|
58
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
53
59
|
margin: 0 0px 0 0px;
|
|
54
60
|
}
|
|
55
|
-
.video-js.
|
|
61
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
56
62
|
display: none;
|
|
57
63
|
}
|
|
58
64
|
|
|
59
|
-
.video-js.
|
|
65
|
+
.video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
60
66
|
font-size: 14px;
|
|
61
67
|
font-weight: 500;
|
|
62
68
|
align-self: center;
|
|
@@ -65,30 +71,30 @@
|
|
|
65
71
|
border-radius: 8px;
|
|
66
72
|
}
|
|
67
73
|
|
|
68
|
-
.video-js.
|
|
74
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
69
75
|
height: 6px !important;
|
|
70
76
|
}
|
|
71
77
|
|
|
72
|
-
.video-js.
|
|
78
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
73
79
|
font-size: 1.5em;
|
|
74
80
|
line-height: unset;
|
|
75
81
|
top: -0.3333333333em;
|
|
76
82
|
}
|
|
77
83
|
|
|
78
|
-
.video-js.
|
|
84
|
+
.video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
|
|
79
85
|
display: none !important;
|
|
80
86
|
}
|
|
81
87
|
|
|
82
88
|
/* */
|
|
83
|
-
.video-js.
|
|
89
|
+
.video-js.skin_news_live .vjs-mouse-display{
|
|
84
90
|
font-size: 1.6666666667em;
|
|
85
91
|
}
|
|
86
92
|
|
|
87
|
-
.video-js.
|
|
93
|
+
.video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
|
|
88
94
|
font-size: 1em !important;
|
|
89
95
|
}
|
|
90
96
|
|
|
91
|
-
.video-js.
|
|
97
|
+
.video-js.skin_news_live .vjs-button{
|
|
92
98
|
width: 5.3em;
|
|
93
99
|
display: flex;
|
|
94
100
|
align-items: center;
|
|
@@ -96,63 +102,71 @@
|
|
|
96
102
|
}
|
|
97
103
|
|
|
98
104
|
|
|
99
|
-
.video-js.
|
|
105
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
100
106
|
.icon-maximize {
|
|
101
107
|
display: block;
|
|
102
108
|
height: 32px;
|
|
103
109
|
}
|
|
104
110
|
|
|
105
|
-
.video-js.
|
|
111
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
106
112
|
line-height: 4;
|
|
107
113
|
}
|
|
108
114
|
|
|
109
|
-
.video-js.
|
|
115
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
110
116
|
.icon-minimize {
|
|
111
117
|
display: none;
|
|
112
118
|
height: 32px;
|
|
113
119
|
}
|
|
114
120
|
|
|
115
|
-
.video-js.
|
|
121
|
+
.video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
|
|
116
122
|
outline: none !important;
|
|
123
|
+
/* flex: 1; */
|
|
117
124
|
}
|
|
118
|
-
.video-js.
|
|
125
|
+
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
126
|
+
display: flex;
|
|
127
|
+
flex: 1;
|
|
128
|
+
justify-content: center;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
119
133
|
.vjs-icon-fullscreen-enter:before {
|
|
120
134
|
/* content: '' !important; */
|
|
121
135
|
}
|
|
122
136
|
|
|
123
|
-
.video-js.
|
|
137
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
124
138
|
display: flex;
|
|
125
139
|
justify-content: center;
|
|
126
140
|
align-items: center;
|
|
127
141
|
/* transform: rotate(90deg); */
|
|
128
142
|
}
|
|
129
143
|
|
|
130
|
-
.video-js.
|
|
144
|
+
.video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
131
145
|
display: none;
|
|
132
146
|
}
|
|
133
|
-
.video-js.
|
|
147
|
+
.video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
|
|
134
148
|
margin-left: -10px;
|
|
135
149
|
}
|
|
136
150
|
|
|
137
|
-
.video-js.
|
|
151
|
+
.video-js.skin_news_live .skipbtn:hover{
|
|
138
152
|
cursor: pointer;
|
|
139
153
|
}
|
|
140
154
|
|
|
141
|
-
.video-js.
|
|
155
|
+
.video-js.skin_news_live .rewindbtn:hover{
|
|
142
156
|
cursor: pointer;
|
|
143
157
|
}
|
|
144
158
|
|
|
145
|
-
.video-js.
|
|
159
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
146
160
|
position: relative;
|
|
147
161
|
padding-left: 0;
|
|
148
162
|
}
|
|
149
163
|
|
|
150
|
-
.video-js.
|
|
164
|
+
.video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
|
|
151
165
|
display: none !important;
|
|
152
166
|
}
|
|
153
167
|
|
|
154
|
-
.video-js.
|
|
155
|
-
width: 90px;
|
|
168
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
169
|
+
/* width: 90px;
|
|
156
170
|
height: 90px;
|
|
157
171
|
display: flex;
|
|
158
172
|
justify-content: center;
|
|
@@ -167,19 +181,20 @@
|
|
|
167
181
|
font-size: 6em;
|
|
168
182
|
line-height: 1.4em;
|
|
169
183
|
border: 0.05em solid;
|
|
170
|
-
color: inherit;
|
|
184
|
+
color: inherit; */
|
|
185
|
+
display: none !important;
|
|
171
186
|
}
|
|
172
|
-
.video-js.
|
|
187
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
173
188
|
font-weight: bold;
|
|
174
189
|
}
|
|
175
190
|
|
|
176
|
-
.video-js.
|
|
191
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
|
|
177
192
|
bottom: 2.4em !important;
|
|
178
193
|
right: -1em;
|
|
179
194
|
z-index: 1;
|
|
180
195
|
}
|
|
181
196
|
|
|
182
|
-
.video-js.
|
|
197
|
+
.video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
|
|
183
198
|
width: 24px !important;
|
|
184
199
|
height: 24px !important;
|
|
185
200
|
}
|
|
@@ -189,34 +204,34 @@
|
|
|
189
204
|
}
|
|
190
205
|
|
|
191
206
|
|
|
192
|
-
.video-js.
|
|
207
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
193
208
|
cursor: pointer;
|
|
194
209
|
}
|
|
195
210
|
|
|
196
|
-
.video-js.
|
|
211
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
197
212
|
padding-right: 0;
|
|
213
|
+
display: none;
|
|
198
214
|
}
|
|
199
215
|
|
|
200
|
-
.video-js.
|
|
216
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
201
217
|
padding-left: 0;
|
|
218
|
+
display: none;
|
|
202
219
|
}
|
|
203
220
|
|
|
204
|
-
.video-js.
|
|
221
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
205
222
|
padding-left: 0;
|
|
206
223
|
padding-right: 0;
|
|
207
|
-
display:
|
|
208
|
-
justify-content: center;
|
|
209
|
-
width: min-content;
|
|
224
|
+
display: none;
|
|
210
225
|
}
|
|
211
226
|
|
|
212
|
-
.video-js.
|
|
227
|
+
.video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
|
|
213
228
|
display: none
|
|
214
229
|
}
|
|
215
|
-
.video-js.
|
|
230
|
+
.video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
216
231
|
display: none
|
|
217
232
|
}
|
|
218
233
|
|
|
219
|
-
.video-js.
|
|
234
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control {
|
|
220
235
|
display: flex;
|
|
221
236
|
align-items: center;
|
|
222
237
|
font-weight: 700;
|
|
@@ -224,26 +239,26 @@
|
|
|
224
239
|
min-width: 1.2em;
|
|
225
240
|
}
|
|
226
241
|
|
|
227
|
-
.video-js.
|
|
242
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
228
243
|
display: none;
|
|
229
244
|
font-size: 11px;
|
|
230
245
|
justify-content: center;
|
|
231
246
|
align-items: center;
|
|
232
247
|
user-select: none;
|
|
233
248
|
}
|
|
234
|
-
.video-js.
|
|
249
|
+
.video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
235
250
|
display: none;
|
|
236
251
|
}
|
|
237
252
|
|
|
238
|
-
.video-js.
|
|
253
|
+
.video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
239
254
|
height: min-content;
|
|
240
255
|
width: min-content;
|
|
241
256
|
}
|
|
242
|
-
.video-js.
|
|
257
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
243
258
|
width: 6em;
|
|
244
259
|
}
|
|
245
260
|
|
|
246
|
-
.video-js.
|
|
261
|
+
.video-js.skin_news_live .content{
|
|
247
262
|
bottom: 3.4rem !important;
|
|
248
263
|
right: -4rem !important;
|
|
249
264
|
}
|
|
@@ -262,15 +277,16 @@
|
|
|
262
277
|
pointer-events:none
|
|
263
278
|
}
|
|
264
279
|
|
|
265
|
-
.video-js.
|
|
280
|
+
.video-js.skin_news_live iframe{
|
|
266
281
|
width: 100%;
|
|
267
282
|
height: 100%;
|
|
268
283
|
}
|
|
269
284
|
|
|
270
|
-
.video-js.
|
|
285
|
+
.video-js.skin_news_live .vjs-live-control{
|
|
271
286
|
align-items: center;
|
|
287
|
+
display: none;
|
|
272
288
|
}
|
|
273
|
-
.video-js.
|
|
289
|
+
.video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
|
|
274
290
|
height: 2.2em;
|
|
275
291
|
display: flex;
|
|
276
292
|
align-items: center;
|
|
@@ -281,43 +297,22 @@
|
|
|
281
297
|
margin: 4px 0px 4px 12px;
|
|
282
298
|
}
|
|
283
299
|
|
|
284
|
-
.video-js.
|
|
300
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
|
|
285
301
|
text-shadow: none;
|
|
286
302
|
}
|
|
287
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
288
|
-
display: none;
|
|
289
|
-
font-size: 12px;
|
|
290
|
-
}
|
|
291
303
|
|
|
292
|
-
.video-js.
|
|
293
|
-
|
|
294
|
-
display: inline-flex;
|
|
295
|
-
align-items: center;
|
|
296
|
-
/* font-family: monospace; */
|
|
304
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
|
|
305
|
+
display: flex;
|
|
297
306
|
justify-content: center;
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
padding: 0px 6px;
|
|
302
|
-
font-size: 1.2em;
|
|
303
|
-
font-weight: 500;
|
|
304
|
-
color: rgba(255, 255, 2555, 0.7);
|
|
305
|
-
|
|
306
|
-
letter-spacing: -.1px;
|
|
307
|
-
line-height: normal;
|
|
308
|
-
text-transform: uppercase;
|
|
309
|
-
color: #FFFFFF;
|
|
310
|
-
opacity: .7;
|
|
311
|
-
font-family: "Proxima Nova";
|
|
307
|
+
min-width: 5.3em;
|
|
308
|
+
pointer-events: none;
|
|
309
|
+
user-select: none;
|
|
312
310
|
}
|
|
313
311
|
|
|
314
|
-
.video-js.
|
|
315
|
-
|
|
312
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
|
|
313
|
+
color: white;
|
|
316
314
|
}
|
|
317
315
|
|
|
318
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
319
|
-
content: "NOT LIVE";
|
|
320
|
-
}
|
|
321
316
|
|
|
322
317
|
.settings-selection.vjs-control.vjs-button{
|
|
323
318
|
display: flex !important;
|
|
@@ -334,57 +329,57 @@
|
|
|
334
329
|
.tvProviderImage{
|
|
335
330
|
display: none
|
|
336
331
|
}
|
|
337
|
-
.video-js.
|
|
332
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
338
333
|
.icon-maximize {
|
|
339
334
|
height: 30px !important;
|
|
340
335
|
}
|
|
341
336
|
|
|
342
|
-
.video-js.
|
|
337
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
343
338
|
.icon-minimize {
|
|
344
339
|
height: 30px !important;
|
|
345
340
|
}
|
|
346
|
-
.video-js.
|
|
341
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
347
342
|
width: 4.5em;
|
|
348
343
|
}
|
|
349
|
-
.video-js.
|
|
344
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
350
345
|
height: min-content;
|
|
351
346
|
}
|
|
352
347
|
|
|
353
|
-
.video-js.
|
|
348
|
+
.video-js.skin_news_live button.vjs-slowmo-button{
|
|
354
349
|
display: none;
|
|
355
350
|
}
|
|
356
|
-
.video-js.
|
|
351
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
357
352
|
display: none;
|
|
358
353
|
}
|
|
359
|
-
.video-js.
|
|
354
|
+
.video-js.skin_news_live button.vjs-rewind-button>svg{
|
|
360
355
|
height: 20px;
|
|
361
356
|
}
|
|
362
|
-
.video-js.
|
|
357
|
+
.video-js.skin_news_live .vjs-button{
|
|
363
358
|
width: 4.8em;
|
|
364
359
|
}
|
|
365
|
-
.video-js.
|
|
360
|
+
.video-js.skin_news_live .widget-selection{
|
|
366
361
|
display: none;
|
|
367
362
|
}
|
|
368
|
-
.video-js.
|
|
363
|
+
.video-js.skin_news_live .container{
|
|
369
364
|
display: none !important;
|
|
370
365
|
}
|
|
371
|
-
.video-js.
|
|
366
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
372
367
|
height: 4em !important;
|
|
373
368
|
}
|
|
374
|
-
.video-js.
|
|
369
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
|
|
375
370
|
font-size: 2.5em;
|
|
376
371
|
line-height: 1.5;
|
|
377
372
|
}
|
|
378
|
-
.video-js.
|
|
373
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
379
374
|
font-size: 1.2em;
|
|
380
375
|
position: absolute;
|
|
381
376
|
right: -0.5em;
|
|
382
377
|
z-index: 1;
|
|
383
378
|
}
|
|
384
|
-
.video-js.
|
|
379
|
+
.video-js.skin_news_live button.vjs-skip-button>svg{
|
|
385
380
|
height: 20px;
|
|
386
381
|
}
|
|
387
|
-
.video-js.
|
|
382
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
388
383
|
width: 50px !important;
|
|
389
384
|
height: 50px !important;
|
|
390
385
|
font-size: 2.1rem !important;
|
|
@@ -394,17 +389,17 @@
|
|
|
394
389
|
width: 24px;
|
|
395
390
|
height: 24px;
|
|
396
391
|
}
|
|
397
|
-
.video-js.
|
|
392
|
+
.video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
398
393
|
margin: 0 12px 0 12px;
|
|
399
394
|
}
|
|
400
|
-
.video-js.
|
|
395
|
+
.video-js.skin_news_live .vjs-seek-to-live-text{
|
|
401
396
|
font-size: 12px;
|
|
402
397
|
}
|
|
403
|
-
.video-js.
|
|
398
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
404
399
|
margin: 0 12px 0 12px;
|
|
405
400
|
}
|
|
406
401
|
}
|
|
407
|
-
.video-js.
|
|
402
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
408
403
|
width: 90px;
|
|
409
404
|
height: 90px;
|
|
410
405
|
display: flex;
|
|
@@ -421,7 +416,7 @@
|
|
|
421
416
|
line-height: 1.4em;
|
|
422
417
|
}
|
|
423
418
|
|
|
424
|
-
.video-js.
|
|
419
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
425
420
|
display: flex;
|
|
426
421
|
justify-content: center;
|
|
427
422
|
align-items: center;
|
|
@@ -429,29 +424,22 @@
|
|
|
429
424
|
transition: width 0.1s;
|
|
430
425
|
}
|
|
431
426
|
|
|
432
|
-
.video-js.
|
|
427
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
433
428
|
display: flex;
|
|
434
429
|
justify-content: center;
|
|
435
430
|
align-items: center;
|
|
436
431
|
height: 100%;
|
|
437
432
|
transition: width 0.1s;
|
|
438
433
|
}
|
|
439
|
-
.video-js.
|
|
434
|
+
.video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
440
435
|
display: none !important;
|
|
441
436
|
}
|
|
442
|
-
.video-js.skin_news .ssai-ad-container{
|
|
443
|
-
position: absolute;
|
|
444
|
-
bottom: 14px;
|
|
445
|
-
}
|
|
446
437
|
|
|
447
438
|
@media (max-width: 576px) {
|
|
448
|
-
.video-js.
|
|
449
|
-
bottom: 2px;
|
|
450
|
-
}
|
|
451
|
-
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
439
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
452
440
|
height: 5px !important;
|
|
453
441
|
}
|
|
454
|
-
.video-js.
|
|
442
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
455
443
|
width: 50px !important;
|
|
456
444
|
height: 50px !important;
|
|
457
445
|
font-size: 2.1rem !important;
|
|
@@ -460,102 +448,64 @@
|
|
|
460
448
|
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
461
449
|
display: none;
|
|
462
450
|
}
|
|
463
|
-
.video-js.
|
|
451
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
|
|
464
452
|
bottom: 2.4em !important;
|
|
465
453
|
right: -1em;
|
|
466
454
|
z-index: 1;
|
|
467
455
|
}
|
|
468
|
-
.video-js.
|
|
456
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
469
457
|
display: none !important;
|
|
470
458
|
}
|
|
471
459
|
|
|
472
|
-
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
473
|
-
color: white;
|
|
474
|
-
font-size: 13px;
|
|
475
|
-
background-color: black;
|
|
476
|
-
}
|
|
477
|
-
}
|
|
478
|
-
|
|
479
|
-
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
480
|
-
color: white;
|
|
481
|
-
font-size: 16px;
|
|
482
|
-
background-color: black;
|
|
483
|
-
}
|
|
484
|
-
|
|
485
|
-
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
486
|
-
margin-bottom: 2rem !important;
|
|
487
460
|
}
|
|
488
461
|
|
|
489
|
-
.video-js.
|
|
490
|
-
|
|
462
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml {
|
|
463
|
+
width: 100% !important;
|
|
491
464
|
}
|
|
492
465
|
|
|
493
|
-
|
|
494
|
-
.video-js.
|
|
495
|
-
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
466
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
467
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
496
468
|
font-size: 1.2em !important;
|
|
497
469
|
line-height: 1.5em !important;
|
|
498
470
|
padding: 0.2em 0.8em !important;
|
|
499
471
|
}
|
|
500
472
|
|
|
501
|
-
.video-js.
|
|
473
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
|
|
502
474
|
content: none !important;
|
|
503
475
|
fill: none !important;
|
|
504
476
|
filter: none !important;
|
|
505
477
|
}
|
|
506
478
|
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
opacity: 0.7 !important;
|
|
479
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
480
|
+
color: rgba(255, 255, 2555, 0.7)!important;
|
|
510
481
|
}
|
|
511
482
|
|
|
512
|
-
.video-js.
|
|
513
|
-
opacity: 1 !important;
|
|
514
|
-
}
|
|
515
|
-
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
516
|
-
opacity: 0.7 !important;
|
|
517
|
-
}
|
|
518
|
-
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
519
|
-
opacity: 1 !important;
|
|
520
|
-
}
|
|
521
|
-
|
|
522
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
523
|
-
color: rgba(255, 255, 2555, 0.7)!important;
|
|
524
|
-
}
|
|
525
|
-
|
|
526
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
483
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
527
484
|
color: rgba(255, 255, 2555, 1)!important;
|
|
528
485
|
}
|
|
529
486
|
|
|
530
487
|
|
|
531
488
|
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
489
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
|
|
535
490
|
font-size: 2.2em;
|
|
536
491
|
line-height: 2.6;
|
|
537
492
|
}
|
|
538
|
-
.video-js.
|
|
539
|
-
|
|
493
|
+
.video-js.skin_mini{
|
|
494
|
+
overflow: hidden;
|
|
540
495
|
}
|
|
541
|
-
.video-js.
|
|
496
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
542
497
|
z-index: 1 !important;
|
|
543
|
-
height:
|
|
498
|
+
height: 4em !important;
|
|
544
499
|
background: black !important;
|
|
545
500
|
}
|
|
546
|
-
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
547
|
-
display: flex;
|
|
548
|
-
align-items: center;
|
|
549
|
-
justify-content: center;
|
|
550
|
-
}
|
|
551
501
|
|
|
552
|
-
.video-js.
|
|
502
|
+
.video-js.skin_mini .vjs-fade>* {
|
|
553
503
|
visibility: hidden !important;
|
|
554
504
|
opacity: 0 !important;
|
|
555
505
|
transition: visibility 1s, opacity 1s !important;
|
|
556
506
|
}
|
|
557
507
|
|
|
558
|
-
.video-js.
|
|
508
|
+
.video-js.skin_mini .custom-spaced-progress-bar {
|
|
559
509
|
position: absolute;
|
|
560
510
|
width: 100%;
|
|
561
511
|
display: flex;
|
|
@@ -563,7 +513,7 @@
|
|
|
563
513
|
top: -0.5em;
|
|
564
514
|
}
|
|
565
515
|
|
|
566
|
-
.video-js.
|
|
516
|
+
.video-js.skin_mini .vjs-progress-control {
|
|
567
517
|
/* left: -6px; */
|
|
568
518
|
position: relative;
|
|
569
519
|
width: 100%;
|
|
@@ -571,25 +521,22 @@
|
|
|
571
521
|
transition: height 0.1s, top 0.1s;
|
|
572
522
|
}
|
|
573
523
|
|
|
574
|
-
.video-js.skin_news_live .vjs-volume-panel{
|
|
575
|
-
min-width: 5.3em;
|
|
576
|
-
}
|
|
577
524
|
|
|
578
525
|
|
|
579
526
|
|
|
580
|
-
.video-js.
|
|
581
|
-
|
|
582
|
-
|
|
527
|
+
.video-js.skin_mini .vjs-custom-control-spacer {
|
|
528
|
+
display: block;
|
|
529
|
+
flex: 1 1 auto;
|
|
583
530
|
}
|
|
584
531
|
|
|
585
|
-
.video-js.
|
|
532
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
|
|
586
533
|
margin: 0 0px 0 0px;
|
|
587
534
|
}
|
|
588
|
-
.video-js.
|
|
535
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
589
536
|
display: none;
|
|
590
537
|
}
|
|
591
538
|
|
|
592
|
-
.video-js.
|
|
539
|
+
.video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
593
540
|
font-size: 14px;
|
|
594
541
|
font-weight: 500;
|
|
595
542
|
align-self: center;
|
|
@@ -598,199 +545,207 @@
|
|
|
598
545
|
border-radius: 8px;
|
|
599
546
|
}
|
|
600
547
|
|
|
601
|
-
.video-js.
|
|
602
|
-
height:
|
|
548
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
549
|
+
height: 5px !important;
|
|
603
550
|
}
|
|
604
551
|
|
|
605
|
-
.video-js.
|
|
606
|
-
font-size: 1.
|
|
552
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
553
|
+
font-size: 1.3em;
|
|
607
554
|
line-height: unset;
|
|
608
555
|
top: -0.3333333333em;
|
|
609
556
|
}
|
|
610
557
|
|
|
611
|
-
.video-js.
|
|
558
|
+
.video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
|
|
612
559
|
display: none !important;
|
|
613
560
|
}
|
|
614
561
|
|
|
615
562
|
/* */
|
|
616
|
-
.video-js.
|
|
563
|
+
.video-js.skin_mini .vjs-mouse-display{
|
|
617
564
|
font-size: 1.6666666667em;
|
|
618
565
|
}
|
|
619
566
|
|
|
620
|
-
.video-js.
|
|
567
|
+
.video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
|
|
621
568
|
font-size: 1em !important;
|
|
622
569
|
}
|
|
623
570
|
|
|
624
|
-
.video-js.
|
|
625
|
-
width:
|
|
571
|
+
.video-js.skin_mini .vjs-button{
|
|
572
|
+
width: 3em;
|
|
626
573
|
display: flex;
|
|
627
574
|
align-items: center;
|
|
628
575
|
justify-content: center;
|
|
629
576
|
}
|
|
630
577
|
|
|
631
578
|
|
|
632
|
-
.video-js.
|
|
579
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
633
580
|
.icon-maximize {
|
|
634
581
|
display: block;
|
|
635
582
|
height: 32px;
|
|
636
583
|
}
|
|
637
584
|
|
|
638
|
-
.video-js.
|
|
585
|
+
.video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
|
|
639
586
|
line-height: 4;
|
|
640
587
|
}
|
|
641
588
|
|
|
642
|
-
.video-js.
|
|
589
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
643
590
|
.icon-minimize {
|
|
644
591
|
display: none;
|
|
645
592
|
height: 32px;
|
|
646
593
|
}
|
|
647
594
|
|
|
648
|
-
.video-js.
|
|
595
|
+
.video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
|
|
649
596
|
outline: none !important;
|
|
650
|
-
/* flex: 1; */
|
|
651
|
-
}
|
|
652
|
-
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
653
|
-
display: flex;
|
|
654
|
-
flex: 1;
|
|
655
|
-
justify-content: center;
|
|
656
597
|
}
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
598
|
+
.video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
660
599
|
.vjs-icon-fullscreen-enter:before {
|
|
661
600
|
/* content: '' !important; */
|
|
662
601
|
}
|
|
663
602
|
|
|
664
|
-
.video-js.
|
|
603
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
665
604
|
display: flex;
|
|
666
605
|
justify-content: center;
|
|
667
606
|
align-items: center;
|
|
668
607
|
/* transform: rotate(90deg); */
|
|
669
608
|
}
|
|
670
609
|
|
|
671
|
-
.video-js.
|
|
610
|
+
.video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
672
611
|
display: none;
|
|
673
612
|
}
|
|
674
|
-
.video-js.
|
|
613
|
+
.video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
|
|
675
614
|
margin-left: -10px;
|
|
615
|
+
display: none;
|
|
676
616
|
}
|
|
677
617
|
|
|
678
|
-
.video-js.
|
|
618
|
+
.video-js.skin_mini .vjs-loading-spinner {
|
|
619
|
+
position: absolute;
|
|
620
|
+
top: 50%;
|
|
621
|
+
left: 50%;
|
|
622
|
+
transform: translate(-50%, -50%);
|
|
623
|
+
opacity: .85;
|
|
624
|
+
text-align: left;
|
|
625
|
+
border: .2em solid rgba(43, 51, 63, .7);
|
|
626
|
+
box-sizing: border-box;
|
|
627
|
+
background-clip: padding-box;
|
|
628
|
+
width: 3em;
|
|
629
|
+
height: 3em;
|
|
630
|
+
border-radius: 50%;
|
|
631
|
+
visibility: hidden;
|
|
632
|
+
}
|
|
633
|
+
|
|
634
|
+
.video-js.skin_mini .skipbtn:hover{
|
|
679
635
|
cursor: pointer;
|
|
680
636
|
}
|
|
681
637
|
|
|
682
|
-
.video-js.
|
|
638
|
+
.video-js.skin_mini .rewindbtn:hover{
|
|
683
639
|
cursor: pointer;
|
|
684
640
|
}
|
|
685
641
|
|
|
686
|
-
.video-js.
|
|
642
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
|
|
687
643
|
position: relative;
|
|
688
644
|
padding-left: 0;
|
|
689
645
|
}
|
|
690
646
|
|
|
691
|
-
.video-js.
|
|
692
|
-
|
|
647
|
+
.video-js.skin_mini.vjs-paused .vjs-big-play-button {
|
|
648
|
+
width: 40px;
|
|
649
|
+
height: 40px;
|
|
650
|
+
display: flex;
|
|
651
|
+
justify-content: center;
|
|
652
|
+
align-items: center;
|
|
653
|
+
border: none;
|
|
654
|
+
position: absolute;
|
|
655
|
+
top: 0;
|
|
656
|
+
left: 0;
|
|
657
|
+
right: 0;
|
|
658
|
+
bottom: 0;
|
|
659
|
+
margin: auto;
|
|
660
|
+
font-size: 3em;
|
|
661
|
+
line-height: 1.3em;
|
|
662
|
+
transform: none !important;
|
|
663
|
+
border-radius: 1.3em;
|
|
693
664
|
}
|
|
694
665
|
|
|
695
|
-
.video-js.
|
|
696
|
-
/* width: 90px;
|
|
697
|
-
height: 90px;
|
|
698
|
-
display: flex;
|
|
699
|
-
justify-content: center;
|
|
700
|
-
align-items: center;
|
|
701
|
-
border-radius: 50%;
|
|
702
|
-
position: absolute;
|
|
703
|
-
top: 0;
|
|
704
|
-
left: 0;
|
|
705
|
-
right: 0;
|
|
706
|
-
bottom: 0;
|
|
707
|
-
margin: auto;
|
|
708
|
-
font-size: 6em;
|
|
709
|
-
line-height: 1.4em;
|
|
710
|
-
border: 0.05em solid;
|
|
711
|
-
color: inherit; */
|
|
712
|
-
display: none !important;
|
|
713
|
-
}
|
|
714
|
-
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
666
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
715
667
|
font-weight: bold;
|
|
716
668
|
}
|
|
717
669
|
|
|
718
|
-
.video-js.
|
|
719
|
-
bottom:
|
|
720
|
-
right:
|
|
670
|
+
.video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
|
|
671
|
+
bottom: 1.1em !important;
|
|
672
|
+
right: 1em;
|
|
721
673
|
z-index: 1;
|
|
674
|
+
font-size: 10px;
|
|
722
675
|
}
|
|
723
676
|
|
|
724
|
-
.video-js.
|
|
677
|
+
.video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
|
|
725
678
|
width: 24px !important;
|
|
726
679
|
height: 24px !important;
|
|
727
680
|
}
|
|
728
|
-
.settings-selector-icon>svg{
|
|
681
|
+
.video-js.skin_mini .settings-selector-icon>svg{
|
|
729
682
|
height: 19px !important;
|
|
730
683
|
width: 19px !important;
|
|
731
684
|
}
|
|
732
685
|
|
|
733
686
|
|
|
734
|
-
.video-js.
|
|
687
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
735
688
|
cursor: pointer;
|
|
736
689
|
}
|
|
737
690
|
|
|
738
|
-
.video-js.
|
|
691
|
+
.video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
739
692
|
padding-right: 0;
|
|
740
|
-
display: none;
|
|
741
693
|
}
|
|
742
694
|
|
|
743
|
-
.video-js.
|
|
695
|
+
.video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
744
696
|
padding-left: 0;
|
|
745
|
-
display: none;
|
|
746
697
|
}
|
|
747
698
|
|
|
748
|
-
.video-js.
|
|
699
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
749
700
|
padding-left: 0;
|
|
750
701
|
padding-right: 0;
|
|
751
|
-
display:
|
|
702
|
+
display: flex;
|
|
703
|
+
justify-content: center;
|
|
704
|
+
width: min-content;
|
|
752
705
|
}
|
|
753
706
|
|
|
754
|
-
.video-js.
|
|
707
|
+
.video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
|
|
755
708
|
display: none
|
|
756
709
|
}
|
|
757
|
-
.video-js.
|
|
710
|
+
.video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
758
711
|
display: none
|
|
759
712
|
}
|
|
760
713
|
|
|
761
|
-
.video-js.
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
714
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control {
|
|
715
|
+
display: flex;
|
|
716
|
+
align-items: center;
|
|
717
|
+
font-weight: 700;
|
|
718
|
+
font-size: 9px;
|
|
719
|
+
min-width: 0.8em;
|
|
720
|
+
padding-left: 0;
|
|
767
721
|
}
|
|
768
722
|
|
|
769
|
-
.video-js.
|
|
723
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
770
724
|
display: none;
|
|
771
725
|
font-size: 11px;
|
|
772
726
|
justify-content: center;
|
|
773
727
|
align-items: center;
|
|
774
728
|
user-select: none;
|
|
775
729
|
}
|
|
776
|
-
.video-js.
|
|
730
|
+
.video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
777
731
|
display: none;
|
|
778
732
|
}
|
|
779
733
|
|
|
780
|
-
.video-js.
|
|
734
|
+
.video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
781
735
|
height: min-content;
|
|
782
736
|
width: min-content;
|
|
783
737
|
}
|
|
784
|
-
.video-js.
|
|
785
|
-
width:
|
|
738
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
739
|
+
width: 3em;
|
|
740
|
+
margin-right: 4px;
|
|
786
741
|
}
|
|
787
742
|
|
|
788
|
-
.video-js.
|
|
743
|
+
.video-js.skin_mini .content{
|
|
789
744
|
bottom: 3.4rem !important;
|
|
790
745
|
right: -4rem !important;
|
|
791
746
|
}
|
|
792
747
|
|
|
793
|
-
.setting-icon > svg{
|
|
748
|
+
.video-js.skin_mini .setting-icon > svg{
|
|
794
749
|
height:18px !important;
|
|
795
750
|
}
|
|
796
751
|
|
|
@@ -804,16 +759,16 @@
|
|
|
804
759
|
pointer-events:none
|
|
805
760
|
}
|
|
806
761
|
|
|
807
|
-
.video-js.
|
|
762
|
+
.video-js.skin_mini iframe{
|
|
808
763
|
width: 100%;
|
|
809
764
|
height: 100%;
|
|
810
765
|
}
|
|
811
766
|
|
|
812
|
-
.video-js.
|
|
767
|
+
.video-js.skin_mini .vjs-live-control{
|
|
813
768
|
align-items: center;
|
|
814
|
-
|
|
769
|
+
max-width: 5em;
|
|
815
770
|
}
|
|
816
|
-
.video-js.
|
|
771
|
+
.video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
|
|
817
772
|
height: 2.2em;
|
|
818
773
|
display: flex;
|
|
819
774
|
align-items: center;
|
|
@@ -821,198 +776,187 @@
|
|
|
821
776
|
width: 4em;
|
|
822
777
|
justify-content: center;
|
|
823
778
|
background: red;
|
|
824
|
-
margin: 4px 0px 4px
|
|
779
|
+
margin: 4px 0px 4px 2px;
|
|
825
780
|
}
|
|
826
781
|
|
|
827
|
-
.video-js.
|
|
782
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
|
|
828
783
|
text-shadow: none;
|
|
829
784
|
}
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
justify-content: center;
|
|
834
|
-
min-width: 5.3em;
|
|
835
|
-
pointer-events: none;
|
|
836
|
-
user-select: none;
|
|
837
|
-
}
|
|
838
|
-
|
|
839
|
-
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
|
|
840
|
-
color: white;
|
|
785
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
786
|
+
display: none;
|
|
787
|
+
font-size: 12px;
|
|
841
788
|
}
|
|
842
789
|
|
|
843
|
-
|
|
844
|
-
.
|
|
845
|
-
display: flex
|
|
790
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
791
|
+
height: 1.8em;
|
|
792
|
+
display: inline-flex;
|
|
793
|
+
align-items: center;
|
|
794
|
+
font-family: monospace;
|
|
795
|
+
justify-content: center;
|
|
796
|
+
border: 1.5px solid;
|
|
797
|
+
margin: 4px 0px 4px 2px;
|
|
798
|
+
white-space: pre;
|
|
799
|
+
padding: 2px 4px;
|
|
800
|
+
font-size: 1.2em;
|
|
801
|
+
font-weight: 500;
|
|
802
|
+
color: rgba(255, 255, 2555, 0.7);
|
|
846
803
|
}
|
|
847
804
|
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
}
|
|
805
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
806
|
+
content: "NOT LIVE";
|
|
807
|
+
word-spacing: -4px;
|
|
852
808
|
}
|
|
853
809
|
|
|
854
810
|
|
|
855
|
-
@media(max-width:
|
|
811
|
+
@media(max-width:600px){
|
|
856
812
|
.tvProviderImage{
|
|
857
813
|
display: none
|
|
858
814
|
}
|
|
859
|
-
.video-js.
|
|
815
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
860
816
|
.icon-maximize {
|
|
861
817
|
height: 30px !important;
|
|
862
818
|
}
|
|
863
819
|
|
|
864
|
-
.video-js.
|
|
820
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
865
821
|
.icon-minimize {
|
|
866
822
|
height: 30px !important;
|
|
867
823
|
}
|
|
868
|
-
.video-js.
|
|
869
|
-
width:
|
|
824
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
825
|
+
width: 3.5em;
|
|
870
826
|
}
|
|
871
|
-
.video-js.
|
|
827
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
872
828
|
height: min-content;
|
|
873
829
|
}
|
|
874
830
|
|
|
875
|
-
.video-js.
|
|
831
|
+
.video-js.skin_mini button.vjs-slowmo-button{
|
|
876
832
|
display: none;
|
|
877
833
|
}
|
|
878
|
-
.video-js.
|
|
834
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
879
835
|
display: none;
|
|
880
836
|
}
|
|
881
|
-
.video-js.
|
|
837
|
+
.video-js.skin_mini button.vjs-rewind-button>svg{
|
|
882
838
|
height: 20px;
|
|
883
839
|
}
|
|
884
|
-
.video-js.
|
|
885
|
-
width:
|
|
840
|
+
.video-js.skin_mini .vjs-button{
|
|
841
|
+
width: 3em;
|
|
886
842
|
}
|
|
887
|
-
.video-js.
|
|
843
|
+
.video-js.skin_mini .widget-selection{
|
|
888
844
|
display: none;
|
|
889
845
|
}
|
|
890
|
-
.video-js.
|
|
846
|
+
.video-js.skin_mini .container{
|
|
891
847
|
display: none !important;
|
|
892
848
|
}
|
|
893
|
-
.video-js.
|
|
849
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
894
850
|
height: 4em !important;
|
|
895
851
|
}
|
|
896
|
-
.video-js.
|
|
852
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
|
|
897
853
|
font-size: 2.5em;
|
|
898
854
|
line-height: 1.5;
|
|
899
855
|
}
|
|
900
|
-
.video-js.
|
|
856
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
901
857
|
font-size: 1.2em;
|
|
902
858
|
position: absolute;
|
|
903
859
|
right: -0.5em;
|
|
904
860
|
z-index: 1;
|
|
905
861
|
}
|
|
906
|
-
.video-js.
|
|
862
|
+
.video-js.skin_mini button.vjs-skip-button>svg{
|
|
907
863
|
height: 20px;
|
|
908
864
|
}
|
|
909
|
-
.video-js.skin_news_live button.vjs-big-play-button {
|
|
910
|
-
width: 50px !important;
|
|
911
|
-
height: 50px !important;
|
|
912
|
-
font-size: 2.1rem !important;
|
|
913
|
-
}
|
|
914
865
|
|
|
915
866
|
.stream-selector-icon>svg{
|
|
916
867
|
width: 24px;
|
|
917
868
|
height: 24px;
|
|
918
869
|
}
|
|
919
|
-
.video-js.
|
|
920
|
-
margin: 0 12px 0 12px;
|
|
921
|
-
}
|
|
922
|
-
.video-js.skin_news_live .vjs-seek-to-live-text{
|
|
870
|
+
.video-js.skin_mini .vjs-seek-to-live-text{
|
|
923
871
|
font-size: 12px;
|
|
924
872
|
}
|
|
925
|
-
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
926
|
-
margin: 0 12px 0 12px;
|
|
927
|
-
}
|
|
928
873
|
}
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
justify-content: center;
|
|
934
|
-
align-items: center;
|
|
935
|
-
border-radius: 50%;
|
|
936
|
-
position: absolute;
|
|
937
|
-
top: 0;
|
|
938
|
-
left: 0;
|
|
939
|
-
right: 0;
|
|
940
|
-
bottom: 0;
|
|
941
|
-
margin: auto;
|
|
942
|
-
font-size: 6em;
|
|
943
|
-
line-height: 1.4em;
|
|
874
|
+
|
|
875
|
+
|
|
876
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
877
|
+
background-color: rgba(0, 0, 0, 0.2);
|
|
944
878
|
}
|
|
945
879
|
|
|
946
|
-
|
|
880
|
+
|
|
881
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
947
882
|
display: flex;
|
|
948
883
|
justify-content: center;
|
|
949
884
|
align-items: center;
|
|
950
885
|
height: 100%;
|
|
951
886
|
transition: width 0.1s;
|
|
952
887
|
}
|
|
888
|
+
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
889
|
+
margin: 2px;
|
|
890
|
+
}
|
|
953
891
|
|
|
954
|
-
.video-js.
|
|
892
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
955
893
|
display: flex;
|
|
956
894
|
justify-content: center;
|
|
957
895
|
align-items: center;
|
|
958
896
|
height: 100%;
|
|
959
897
|
transition: width 0.1s;
|
|
960
898
|
}
|
|
961
|
-
|
|
962
|
-
|
|
899
|
+
|
|
900
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
|
|
901
|
+
display: block;
|
|
902
|
+
font-size: 10px;
|
|
903
|
+
padding: 6px 10px;
|
|
904
|
+
margin: 0;
|
|
905
|
+
max-height: 100%;
|
|
906
|
+
overflow-y: auto;
|
|
907
|
+
}
|
|
908
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
|
|
909
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
|
|
910
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
|
|
911
|
+
display: block;
|
|
912
|
+
width: 100%;
|
|
913
|
+
}
|
|
914
|
+
.video-js.skin_mini .vjs-text-track-settings fieldset{
|
|
915
|
+
margin: 4px 0;
|
|
916
|
+
}
|
|
917
|
+
.video-js.skin_mini .vjs-text-track-settings fieldset span{
|
|
918
|
+
display: block;
|
|
919
|
+
padding: 0 0 6px;
|
|
920
|
+
}
|
|
921
|
+
.video-js.skin_mini .vjs-text-track-settings fieldset span > select{
|
|
922
|
+
max-width: 100%;
|
|
963
923
|
}
|
|
964
924
|
|
|
965
|
-
@media (max-width:
|
|
966
|
-
.video-js.
|
|
925
|
+
@media (max-width: 600px) {
|
|
926
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
967
927
|
height: 5px !important;
|
|
968
928
|
}
|
|
969
|
-
.video-js.skin_news_live button.vjs-big-play-button {
|
|
970
|
-
width: 50px !important;
|
|
971
|
-
height: 50px !important;
|
|
972
|
-
font-size: 2.1rem !important;
|
|
973
|
-
}
|
|
974
929
|
|
|
975
|
-
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
930
|
+
.video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
976
931
|
display: none;
|
|
977
932
|
}
|
|
978
|
-
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
|
|
979
|
-
bottom: 2.4em !important;
|
|
980
|
-
right: -1em;
|
|
981
|
-
z-index: 1;
|
|
982
|
-
}
|
|
983
|
-
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
984
|
-
display: none !important;
|
|
985
|
-
}
|
|
986
933
|
|
|
987
934
|
}
|
|
988
935
|
|
|
989
|
-
.video-js.
|
|
990
|
-
|
|
936
|
+
.video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
|
|
937
|
+
content: none !important;
|
|
938
|
+
fill: none !important;
|
|
939
|
+
filter: none !important;
|
|
991
940
|
}
|
|
992
941
|
|
|
993
|
-
|
|
994
|
-
.video-js.
|
|
995
|
-
|
|
996
|
-
line-height: 1.5em !important;
|
|
997
|
-
padding: 0.2em 0.8em !important;
|
|
942
|
+
/* svg icons opacity and hover effect */
|
|
943
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
|
|
944
|
+
opacity: 0.7 !important;
|
|
998
945
|
}
|
|
999
946
|
|
|
1000
|
-
.video-js.
|
|
1001
|
-
|
|
1002
|
-
fill: none !important;
|
|
1003
|
-
filter: none !important;
|
|
947
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
948
|
+
opacity: 1 !important;
|
|
1004
949
|
}
|
|
1005
950
|
|
|
1006
|
-
.video-js.
|
|
951
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1007
952
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1008
953
|
}
|
|
1009
954
|
|
|
1010
|
-
.video-js.
|
|
955
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1011
956
|
color: rgba(255, 255, 2555, 1)!important;
|
|
1012
957
|
}
|
|
1013
958
|
|
|
1014
959
|
|
|
1015
|
-
|
|
1016
960
|
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
1017
961
|
height: 0.7em !important;
|
|
1018
962
|
position: absolute !important;
|
|
@@ -1220,26 +1164,31 @@
|
|
|
1220
1164
|
.video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
|
|
1221
1165
|
text-decoration: underline;
|
|
1222
1166
|
}
|
|
1223
|
-
.video-js.
|
|
1167
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
|
|
1224
1168
|
font-size: 2.2em;
|
|
1225
1169
|
line-height: 2.6;
|
|
1226
1170
|
}
|
|
1227
|
-
.video-js.
|
|
1228
|
-
|
|
1171
|
+
.video-js.skin_news .vjs-custom-big-mute.vjs-control{
|
|
1172
|
+
background: white;
|
|
1229
1173
|
}
|
|
1230
|
-
.video-js.
|
|
1174
|
+
.video-js.skin_news .vjs-control-bar{
|
|
1231
1175
|
z-index: 1 !important;
|
|
1232
|
-
height:
|
|
1176
|
+
height: 5em !important;
|
|
1233
1177
|
background: black !important;
|
|
1234
1178
|
}
|
|
1179
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
1180
|
+
display: flex;
|
|
1181
|
+
align-items: center;
|
|
1182
|
+
justify-content: center;
|
|
1183
|
+
}
|
|
1235
1184
|
|
|
1236
|
-
.video-js.
|
|
1185
|
+
.video-js.skin_news .vjs-fade>* {
|
|
1237
1186
|
visibility: hidden !important;
|
|
1238
1187
|
opacity: 0 !important;
|
|
1239
1188
|
transition: visibility 1s, opacity 1s !important;
|
|
1240
1189
|
}
|
|
1241
1190
|
|
|
1242
|
-
.video-js.
|
|
1191
|
+
.video-js.skin_news .custom-spaced-progress-bar {
|
|
1243
1192
|
position: absolute;
|
|
1244
1193
|
width: 100%;
|
|
1245
1194
|
display: flex;
|
|
@@ -1247,7 +1196,7 @@
|
|
|
1247
1196
|
top: -0.5em;
|
|
1248
1197
|
}
|
|
1249
1198
|
|
|
1250
|
-
.video-js.
|
|
1199
|
+
.video-js.skin_news .vjs-progress-control {
|
|
1251
1200
|
/* left: -6px; */
|
|
1252
1201
|
position: relative;
|
|
1253
1202
|
width: 100%;
|
|
@@ -1258,19 +1207,19 @@
|
|
|
1258
1207
|
|
|
1259
1208
|
|
|
1260
1209
|
|
|
1261
|
-
.video-js.
|
|
1210
|
+
.video-js.skin_news .vjs-custom-control-spacer {
|
|
1262
1211
|
display: block;
|
|
1263
1212
|
flex: 1 1 auto;
|
|
1264
1213
|
}
|
|
1265
1214
|
|
|
1266
|
-
.video-js.
|
|
1215
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
1267
1216
|
margin: 0 0px 0 0px;
|
|
1268
1217
|
}
|
|
1269
|
-
.video-js.
|
|
1218
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1270
1219
|
display: none;
|
|
1271
1220
|
}
|
|
1272
1221
|
|
|
1273
|
-
.video-js.
|
|
1222
|
+
.video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
1274
1223
|
font-size: 14px;
|
|
1275
1224
|
font-weight: 500;
|
|
1276
1225
|
align-self: center;
|
|
@@ -1279,158 +1228,143 @@
|
|
|
1279
1228
|
border-radius: 8px;
|
|
1280
1229
|
}
|
|
1281
1230
|
|
|
1282
|
-
.video-js.
|
|
1283
|
-
height:
|
|
1231
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
1232
|
+
height: 6px !important;
|
|
1284
1233
|
}
|
|
1285
1234
|
|
|
1286
|
-
.video-js.
|
|
1287
|
-
font-size: 1.
|
|
1235
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
1236
|
+
font-size: 1.5em;
|
|
1288
1237
|
line-height: unset;
|
|
1289
1238
|
top: -0.3333333333em;
|
|
1290
1239
|
}
|
|
1291
1240
|
|
|
1292
|
-
.video-js.
|
|
1241
|
+
.video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
|
|
1293
1242
|
display: none !important;
|
|
1294
1243
|
}
|
|
1295
1244
|
|
|
1296
1245
|
/* */
|
|
1297
|
-
.video-js.
|
|
1246
|
+
.video-js.skin_news .vjs-mouse-display{
|
|
1298
1247
|
font-size: 1.6666666667em;
|
|
1299
1248
|
}
|
|
1300
1249
|
|
|
1301
|
-
.video-js.
|
|
1250
|
+
.video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
|
|
1302
1251
|
font-size: 1em !important;
|
|
1303
1252
|
}
|
|
1304
1253
|
|
|
1305
|
-
.video-js.
|
|
1306
|
-
width: 3em;
|
|
1254
|
+
.video-js.skin_news .vjs-button{
|
|
1255
|
+
width: 5.3em;
|
|
1307
1256
|
display: flex;
|
|
1308
1257
|
align-items: center;
|
|
1309
1258
|
justify-content: center;
|
|
1310
1259
|
}
|
|
1311
1260
|
|
|
1312
1261
|
|
|
1313
|
-
.video-js.
|
|
1262
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
1314
1263
|
.icon-maximize {
|
|
1315
1264
|
display: block;
|
|
1316
1265
|
height: 32px;
|
|
1317
1266
|
}
|
|
1318
1267
|
|
|
1319
|
-
.video-js.
|
|
1268
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
1320
1269
|
line-height: 4;
|
|
1321
1270
|
}
|
|
1322
1271
|
|
|
1323
|
-
.video-js.
|
|
1272
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
1324
1273
|
.icon-minimize {
|
|
1325
1274
|
display: none;
|
|
1326
1275
|
height: 32px;
|
|
1327
1276
|
}
|
|
1328
1277
|
|
|
1329
|
-
.video-js.
|
|
1278
|
+
.video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
|
|
1330
1279
|
outline: none !important;
|
|
1331
1280
|
}
|
|
1332
|
-
.video-js.
|
|
1281
|
+
.video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
1333
1282
|
.vjs-icon-fullscreen-enter:before {
|
|
1334
1283
|
/* content: '' !important; */
|
|
1335
1284
|
}
|
|
1336
1285
|
|
|
1337
|
-
.video-js.
|
|
1286
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
1338
1287
|
display: flex;
|
|
1339
1288
|
justify-content: center;
|
|
1340
1289
|
align-items: center;
|
|
1341
1290
|
/* transform: rotate(90deg); */
|
|
1342
1291
|
}
|
|
1343
1292
|
|
|
1344
|
-
.video-js.
|
|
1293
|
+
.video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
1345
1294
|
display: none;
|
|
1346
1295
|
}
|
|
1347
|
-
.video-js.
|
|
1296
|
+
.video-js.skin_news .vjs-volume-panel .vjs-volume-control{
|
|
1348
1297
|
margin-left: -10px;
|
|
1349
|
-
display: none;
|
|
1350
|
-
}
|
|
1351
|
-
|
|
1352
|
-
.video-js.skin_mini .vjs-loading-spinner {
|
|
1353
|
-
position: absolute;
|
|
1354
|
-
top: 50%;
|
|
1355
|
-
left: 50%;
|
|
1356
|
-
transform: translate(-50%, -50%);
|
|
1357
|
-
opacity: .85;
|
|
1358
|
-
text-align: left;
|
|
1359
|
-
border: .2em solid rgba(43, 51, 63, .7);
|
|
1360
|
-
box-sizing: border-box;
|
|
1361
|
-
background-clip: padding-box;
|
|
1362
|
-
width: 3em;
|
|
1363
|
-
height: 3em;
|
|
1364
|
-
border-radius: 50%;
|
|
1365
|
-
visibility: hidden;
|
|
1366
1298
|
}
|
|
1367
1299
|
|
|
1368
|
-
.video-js.
|
|
1300
|
+
.video-js.skin_news .skipbtn:hover{
|
|
1369
1301
|
cursor: pointer;
|
|
1370
1302
|
}
|
|
1371
1303
|
|
|
1372
|
-
.video-js.
|
|
1304
|
+
.video-js.skin_news .rewindbtn:hover{
|
|
1373
1305
|
cursor: pointer;
|
|
1374
1306
|
}
|
|
1375
1307
|
|
|
1376
|
-
.video-js.
|
|
1308
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control{
|
|
1377
1309
|
position: relative;
|
|
1378
1310
|
padding-left: 0;
|
|
1379
1311
|
}
|
|
1380
1312
|
|
|
1381
|
-
.video-js.
|
|
1382
|
-
|
|
1383
|
-
height: 40px;
|
|
1384
|
-
display: flex;
|
|
1385
|
-
justify-content: center;
|
|
1386
|
-
align-items: center;
|
|
1387
|
-
border: none;
|
|
1388
|
-
position: absolute;
|
|
1389
|
-
top: 0;
|
|
1390
|
-
left: 0;
|
|
1391
|
-
right: 0;
|
|
1392
|
-
bottom: 0;
|
|
1393
|
-
margin: auto;
|
|
1394
|
-
font-size: 3em;
|
|
1395
|
-
line-height: 1.3em;
|
|
1396
|
-
transform: none !important;
|
|
1397
|
-
border-radius: 1.3em;
|
|
1313
|
+
.video-js.skin_news.vjs-seeking .vjs-big-play-button{
|
|
1314
|
+
display: none !important;
|
|
1398
1315
|
}
|
|
1399
1316
|
|
|
1400
|
-
.video-js.
|
|
1317
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
1318
|
+
width: 90px;
|
|
1319
|
+
height: 90px;
|
|
1320
|
+
display: flex;
|
|
1321
|
+
justify-content: center;
|
|
1322
|
+
align-items: center;
|
|
1323
|
+
border-radius: 50%;
|
|
1324
|
+
position: absolute;
|
|
1325
|
+
top: 0;
|
|
1326
|
+
left: 0;
|
|
1327
|
+
right: 0;
|
|
1328
|
+
bottom: 0;
|
|
1329
|
+
margin: auto;
|
|
1330
|
+
font-size: 6em;
|
|
1331
|
+
line-height: 1.4em;
|
|
1332
|
+
border: 0.05em solid;
|
|
1333
|
+
color: inherit;
|
|
1334
|
+
}
|
|
1335
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
1401
1336
|
font-weight: bold;
|
|
1402
1337
|
}
|
|
1403
1338
|
|
|
1404
|
-
.video-js.
|
|
1405
|
-
bottom:
|
|
1406
|
-
right: 1em;
|
|
1339
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content{
|
|
1340
|
+
bottom: 2.4em !important;
|
|
1341
|
+
right: -1em;
|
|
1407
1342
|
z-index: 1;
|
|
1408
|
-
font-size: 10px;
|
|
1409
1343
|
}
|
|
1410
1344
|
|
|
1411
|
-
.video-js.
|
|
1345
|
+
.video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
|
|
1412
1346
|
width: 24px !important;
|
|
1413
1347
|
height: 24px !important;
|
|
1414
1348
|
}
|
|
1415
|
-
.
|
|
1349
|
+
.settings-selector-icon>svg{
|
|
1416
1350
|
height: 19px !important;
|
|
1417
1351
|
width: 19px !important;
|
|
1418
1352
|
}
|
|
1419
1353
|
|
|
1420
1354
|
|
|
1421
|
-
.video-js.
|
|
1355
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
1422
1356
|
cursor: pointer;
|
|
1423
1357
|
}
|
|
1424
1358
|
|
|
1425
|
-
.video-js.
|
|
1359
|
+
.video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
1426
1360
|
padding-right: 0;
|
|
1427
1361
|
}
|
|
1428
1362
|
|
|
1429
|
-
.video-js.
|
|
1363
|
+
.video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
1430
1364
|
padding-left: 0;
|
|
1431
1365
|
}
|
|
1432
1366
|
|
|
1433
|
-
.video-js.
|
|
1367
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
1434
1368
|
padding-left: 0;
|
|
1435
1369
|
padding-right: 0;
|
|
1436
1370
|
display: flex;
|
|
@@ -1438,48 +1372,46 @@
|
|
|
1438
1372
|
width: min-content;
|
|
1439
1373
|
}
|
|
1440
1374
|
|
|
1441
|
-
.video-js.
|
|
1375
|
+
.video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
|
|
1442
1376
|
display: none
|
|
1443
1377
|
}
|
|
1444
|
-
.video-js.
|
|
1378
|
+
.video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
1445
1379
|
display: none
|
|
1446
1380
|
}
|
|
1447
1381
|
|
|
1448
|
-
.video-js.
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
padding-left: 0;
|
|
1382
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control {
|
|
1383
|
+
display: flex;
|
|
1384
|
+
align-items: center;
|
|
1385
|
+
font-weight: 700;
|
|
1386
|
+
font-size: 12px;
|
|
1387
|
+
min-width: 1.2em;
|
|
1455
1388
|
}
|
|
1456
1389
|
|
|
1457
|
-
.video-js.
|
|
1390
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
1458
1391
|
display: none;
|
|
1459
1392
|
font-size: 11px;
|
|
1460
1393
|
justify-content: center;
|
|
1461
1394
|
align-items: center;
|
|
1462
1395
|
user-select: none;
|
|
1463
1396
|
}
|
|
1464
|
-
.video-js.
|
|
1397
|
+
.video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1465
1398
|
display: none;
|
|
1466
1399
|
}
|
|
1467
1400
|
|
|
1468
|
-
.video-js.
|
|
1401
|
+
.video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
1469
1402
|
height: min-content;
|
|
1470
1403
|
width: min-content;
|
|
1471
1404
|
}
|
|
1472
|
-
.video-js.
|
|
1473
|
-
width:
|
|
1474
|
-
margin-right: 4px;
|
|
1405
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1406
|
+
width: 6em;
|
|
1475
1407
|
}
|
|
1476
1408
|
|
|
1477
|
-
.video-js.
|
|
1409
|
+
.video-js.skin_news .content{
|
|
1478
1410
|
bottom: 3.4rem !important;
|
|
1479
1411
|
right: -4rem !important;
|
|
1480
1412
|
}
|
|
1481
1413
|
|
|
1482
|
-
.
|
|
1414
|
+
.setting-icon > svg{
|
|
1483
1415
|
height:18px !important;
|
|
1484
1416
|
}
|
|
1485
1417
|
|
|
@@ -1493,16 +1425,15 @@
|
|
|
1493
1425
|
pointer-events:none
|
|
1494
1426
|
}
|
|
1495
1427
|
|
|
1496
|
-
.video-js.
|
|
1428
|
+
.video-js.skin_news iframe{
|
|
1497
1429
|
width: 100%;
|
|
1498
1430
|
height: 100%;
|
|
1499
1431
|
}
|
|
1500
1432
|
|
|
1501
|
-
.video-js.
|
|
1433
|
+
.video-js.skin_news .vjs-live-control{
|
|
1502
1434
|
align-items: center;
|
|
1503
|
-
max-width: 5em;
|
|
1504
1435
|
}
|
|
1505
|
-
.video-js.
|
|
1436
|
+
.video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
|
|
1506
1437
|
height: 2.2em;
|
|
1507
1438
|
display: flex;
|
|
1508
1439
|
align-items: center;
|
|
@@ -1510,183 +1441,252 @@
|
|
|
1510
1441
|
width: 4em;
|
|
1511
1442
|
justify-content: center;
|
|
1512
1443
|
background: red;
|
|
1513
|
-
margin: 4px 0px 4px
|
|
1444
|
+
margin: 4px 0px 4px 12px;
|
|
1514
1445
|
}
|
|
1515
1446
|
|
|
1516
|
-
.video-js.
|
|
1447
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
|
|
1517
1448
|
text-shadow: none;
|
|
1518
1449
|
}
|
|
1519
|
-
.video-js.
|
|
1450
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
1520
1451
|
display: none;
|
|
1521
1452
|
font-size: 12px;
|
|
1522
1453
|
}
|
|
1523
1454
|
|
|
1524
|
-
.video-js.
|
|
1525
|
-
height:
|
|
1455
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
1456
|
+
height: 2.2em;
|
|
1526
1457
|
display: inline-flex;
|
|
1527
1458
|
align-items: center;
|
|
1528
|
-
font-family: monospace;
|
|
1459
|
+
/* font-family: monospace; */
|
|
1529
1460
|
justify-content: center;
|
|
1530
|
-
border:
|
|
1531
|
-
margin: 4px 0px 4px
|
|
1461
|
+
border: 2px solid;
|
|
1462
|
+
margin: 4px 0px 4px 6px;
|
|
1532
1463
|
white-space: pre;
|
|
1533
|
-
padding:
|
|
1464
|
+
padding: 0px 6px;
|
|
1534
1465
|
font-size: 1.2em;
|
|
1535
1466
|
font-weight: 500;
|
|
1536
1467
|
color: rgba(255, 255, 2555, 0.7);
|
|
1468
|
+
|
|
1469
|
+
letter-spacing: -.1px;
|
|
1470
|
+
line-height: normal;
|
|
1471
|
+
text-transform: uppercase;
|
|
1472
|
+
color: #FFFFFF;
|
|
1473
|
+
opacity: .7;
|
|
1474
|
+
font-family: "Proxima Nova";
|
|
1537
1475
|
}
|
|
1538
1476
|
|
|
1539
|
-
.video-js.
|
|
1477
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
|
|
1478
|
+
opacity: 1;
|
|
1479
|
+
}
|
|
1480
|
+
|
|
1481
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
1540
1482
|
content: "NOT LIVE";
|
|
1541
|
-
word-spacing: -4px;
|
|
1542
1483
|
}
|
|
1543
1484
|
|
|
1485
|
+
.settings-selection.vjs-control.vjs-button{
|
|
1486
|
+
display: flex !important;
|
|
1487
|
+
}
|
|
1544
1488
|
|
|
1545
|
-
@media(max-width:
|
|
1489
|
+
@media(max-width:576px){
|
|
1490
|
+
.settings-selection.vjs-control.vjs-button{
|
|
1491
|
+
display: none !important;
|
|
1492
|
+
}
|
|
1493
|
+
}
|
|
1494
|
+
|
|
1495
|
+
|
|
1496
|
+
@media(max-width:576px){
|
|
1546
1497
|
.tvProviderImage{
|
|
1547
1498
|
display: none
|
|
1548
1499
|
}
|
|
1549
|
-
.video-js.
|
|
1500
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
1550
1501
|
.icon-maximize {
|
|
1551
1502
|
height: 30px !important;
|
|
1552
1503
|
}
|
|
1553
1504
|
|
|
1554
|
-
.video-js.
|
|
1505
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
1555
1506
|
.icon-minimize {
|
|
1556
1507
|
height: 30px !important;
|
|
1557
1508
|
}
|
|
1558
|
-
.video-js.
|
|
1559
|
-
width:
|
|
1509
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1510
|
+
width: 4.5em;
|
|
1560
1511
|
}
|
|
1561
|
-
.video-js.
|
|
1512
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
1562
1513
|
height: min-content;
|
|
1563
1514
|
}
|
|
1564
1515
|
|
|
1565
|
-
.video-js.
|
|
1516
|
+
.video-js.skin_news button.vjs-slowmo-button{
|
|
1566
1517
|
display: none;
|
|
1567
1518
|
}
|
|
1568
|
-
.video-js.
|
|
1519
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
1569
1520
|
display: none;
|
|
1570
1521
|
}
|
|
1571
|
-
.video-js.
|
|
1522
|
+
.video-js.skin_news button.vjs-rewind-button>svg{
|
|
1572
1523
|
height: 20px;
|
|
1573
1524
|
}
|
|
1574
|
-
.video-js.
|
|
1575
|
-
width:
|
|
1525
|
+
.video-js.skin_news .vjs-button{
|
|
1526
|
+
width: 4.8em;
|
|
1576
1527
|
}
|
|
1577
|
-
.video-js.
|
|
1528
|
+
.video-js.skin_news .widget-selection{
|
|
1578
1529
|
display: none;
|
|
1579
1530
|
}
|
|
1580
|
-
.video-js.
|
|
1531
|
+
.video-js.skin_news .container{
|
|
1581
1532
|
display: none !important;
|
|
1582
1533
|
}
|
|
1583
|
-
.video-js.
|
|
1534
|
+
.video-js.skin_news .vjs-control-bar{
|
|
1584
1535
|
height: 4em !important;
|
|
1585
1536
|
}
|
|
1586
|
-
.video-js.
|
|
1537
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
|
|
1587
1538
|
font-size: 2.5em;
|
|
1588
1539
|
line-height: 1.5;
|
|
1589
1540
|
}
|
|
1590
|
-
.video-js.
|
|
1541
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
1591
1542
|
font-size: 1.2em;
|
|
1592
1543
|
position: absolute;
|
|
1593
1544
|
right: -0.5em;
|
|
1594
1545
|
z-index: 1;
|
|
1595
1546
|
}
|
|
1596
|
-
.video-js.
|
|
1547
|
+
.video-js.skin_news button.vjs-skip-button>svg{
|
|
1597
1548
|
height: 20px;
|
|
1598
1549
|
}
|
|
1550
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
1551
|
+
width: 50px !important;
|
|
1552
|
+
height: 50px !important;
|
|
1553
|
+
font-size: 2.1rem !important;
|
|
1554
|
+
}
|
|
1599
1555
|
|
|
1600
1556
|
.stream-selector-icon>svg{
|
|
1601
1557
|
width: 24px;
|
|
1602
1558
|
height: 24px;
|
|
1603
1559
|
}
|
|
1604
|
-
.video-js.
|
|
1560
|
+
.video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
1561
|
+
margin: 0 12px 0 12px;
|
|
1562
|
+
}
|
|
1563
|
+
.video-js.skin_news .vjs-seek-to-live-text{
|
|
1605
1564
|
font-size: 12px;
|
|
1606
1565
|
}
|
|
1566
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
1567
|
+
margin: 0 12px 0 12px;
|
|
1568
|
+
}
|
|
1607
1569
|
}
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1570
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
1571
|
+
width: 90px;
|
|
1572
|
+
height: 90px;
|
|
1573
|
+
display: flex;
|
|
1574
|
+
justify-content: center;
|
|
1575
|
+
align-items: center;
|
|
1576
|
+
border-radius: 50%;
|
|
1577
|
+
position: absolute;
|
|
1578
|
+
top: 0;
|
|
1579
|
+
left: 0;
|
|
1580
|
+
right: 0;
|
|
1581
|
+
bottom: 0;
|
|
1582
|
+
margin: auto;
|
|
1583
|
+
font-size: 6em;
|
|
1584
|
+
line-height: 1.4em;
|
|
1612
1585
|
}
|
|
1613
1586
|
|
|
1614
|
-
|
|
1615
|
-
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1587
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1616
1588
|
display: flex;
|
|
1617
1589
|
justify-content: center;
|
|
1618
1590
|
align-items: center;
|
|
1619
1591
|
height: 100%;
|
|
1620
1592
|
transition: width 0.1s;
|
|
1621
1593
|
}
|
|
1622
|
-
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
1623
|
-
margin: 2px;
|
|
1624
|
-
}
|
|
1625
1594
|
|
|
1626
|
-
.video-js.
|
|
1595
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1627
1596
|
display: flex;
|
|
1628
1597
|
justify-content: center;
|
|
1629
1598
|
align-items: center;
|
|
1630
1599
|
height: 100%;
|
|
1631
1600
|
transition: width 0.1s;
|
|
1632
1601
|
}
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
display: block;
|
|
1636
|
-
font-size: 10px;
|
|
1637
|
-
padding: 6px 10px;
|
|
1638
|
-
margin: 0;
|
|
1639
|
-
max-height: 100%;
|
|
1640
|
-
overflow-y: auto;
|
|
1641
|
-
}
|
|
1642
|
-
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
|
|
1643
|
-
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
|
|
1644
|
-
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
|
|
1645
|
-
display: block;
|
|
1646
|
-
width: 100%;
|
|
1647
|
-
}
|
|
1648
|
-
.video-js.skin_mini .vjs-text-track-settings fieldset{
|
|
1649
|
-
margin: 4px 0;
|
|
1650
|
-
}
|
|
1651
|
-
.video-js.skin_mini .vjs-text-track-settings fieldset span{
|
|
1652
|
-
display: block;
|
|
1653
|
-
padding: 0 0 6px;
|
|
1602
|
+
.video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1603
|
+
display: none !important;
|
|
1654
1604
|
}
|
|
1655
|
-
.video-js.
|
|
1656
|
-
|
|
1605
|
+
.video-js.skin_news .ssai-ad-container{
|
|
1606
|
+
position: absolute;
|
|
1607
|
+
bottom: 14px;
|
|
1657
1608
|
}
|
|
1658
1609
|
|
|
1659
|
-
@media (max-width:
|
|
1660
|
-
.video-js.
|
|
1610
|
+
@media (max-width: 576px) {
|
|
1611
|
+
.video-js.skin_news .ssai-ad-container{
|
|
1612
|
+
bottom: 2px;
|
|
1613
|
+
}
|
|
1614
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
1661
1615
|
height: 5px !important;
|
|
1662
1616
|
}
|
|
1617
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
1618
|
+
width: 50px !important;
|
|
1619
|
+
height: 50px !important;
|
|
1620
|
+
font-size: 2.1rem !important;
|
|
1621
|
+
}
|
|
1663
1622
|
|
|
1664
|
-
.
|
|
1623
|
+
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1665
1624
|
display: none;
|
|
1666
1625
|
}
|
|
1626
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
1627
|
+
bottom: 2.4em !important;
|
|
1628
|
+
right: -1em;
|
|
1629
|
+
z-index: 1;
|
|
1630
|
+
}
|
|
1631
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1632
|
+
display: none !important;
|
|
1633
|
+
}
|
|
1634
|
+
|
|
1635
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
1636
|
+
color: white;
|
|
1637
|
+
font-size: 13px;
|
|
1638
|
+
background-color: black;
|
|
1639
|
+
}
|
|
1640
|
+
}
|
|
1641
|
+
|
|
1642
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
1643
|
+
color: white;
|
|
1644
|
+
font-size: 16px;
|
|
1645
|
+
background-color: black;
|
|
1646
|
+
}
|
|
1667
1647
|
|
|
1648
|
+
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
1649
|
+
margin-bottom: 2rem !important;
|
|
1668
1650
|
}
|
|
1669
1651
|
|
|
1670
|
-
.video-js.
|
|
1652
|
+
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
1653
|
+
font-size: 18px !important;
|
|
1654
|
+
}
|
|
1655
|
+
|
|
1656
|
+
|
|
1657
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1658
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1659
|
+
font-size: 1.2em !important;
|
|
1660
|
+
line-height: 1.5em !important;
|
|
1661
|
+
padding: 0.2em 0.8em !important;
|
|
1662
|
+
}
|
|
1663
|
+
|
|
1664
|
+
.video-js.skin_news .vjs-control-bar .vjs-svg-icon{
|
|
1671
1665
|
content: none !important;
|
|
1672
1666
|
fill: none !important;
|
|
1673
1667
|
filter: none !important;
|
|
1674
1668
|
}
|
|
1675
1669
|
|
|
1676
1670
|
/* svg icons opacity and hover effect */
|
|
1677
|
-
.video-js.
|
|
1671
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
|
|
1678
1672
|
opacity: 0.7 !important;
|
|
1679
1673
|
}
|
|
1680
1674
|
|
|
1681
|
-
.video-js.
|
|
1675
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
1676
|
+
opacity: 1 !important;
|
|
1677
|
+
}
|
|
1678
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1679
|
+
opacity: 0.7 !important;
|
|
1680
|
+
}
|
|
1681
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
1682
1682
|
opacity: 1 !important;
|
|
1683
1683
|
}
|
|
1684
1684
|
|
|
1685
|
-
.video-js.
|
|
1685
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1686
1686
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1687
1687
|
}
|
|
1688
1688
|
|
|
1689
|
-
.video-js.
|
|
1689
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1690
1690
|
color: rgba(255, 255, 2555, 1)!important;
|
|
1691
1691
|
}
|
|
1692
1692
|
|
|
@@ -2232,6 +2232,8 @@
|
|
|
2232
2232
|
|
|
2233
2233
|
|
|
2234
2234
|
|
|
2235
|
+
|
|
2236
|
+
|
|
2235
2237
|
.video-js .multicamera-parent.default{
|
|
2236
2238
|
height: 345px;
|
|
2237
2239
|
position: absolute;
|
|
@@ -2310,9 +2312,6 @@
|
|
|
2310
2312
|
align-content: baseline;
|
|
2311
2313
|
}
|
|
2312
2314
|
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
2315
|
/* Watch in Vertical View Button */
|
|
2317
2316
|
.video-js .vjs-control.vjs-vertical-view-button {
|
|
2318
2317
|
width: auto !important;
|
|
@@ -2400,6 +2399,7 @@
|
|
|
2400
2399
|
}
|
|
2401
2400
|
}
|
|
2402
2401
|
|
|
2402
|
+
|
|
2403
2403
|
.vjs-custom-big-mute.vjs-control{
|
|
2404
2404
|
position: absolute;
|
|
2405
2405
|
align-items: center;
|
|
@@ -2730,6 +2730,38 @@
|
|
|
2730
2730
|
z-index: 30 !important;
|
|
2731
2731
|
}
|
|
2732
2732
|
|
|
2733
|
+
/* a wrapper element that tracks the mouse vertically */
|
|
2734
|
+
.vjs-thumbnail-holder {
|
|
2735
|
+
position: absolute;
|
|
2736
|
+
left: -1000px;
|
|
2737
|
+
}
|
|
2738
|
+
|
|
2739
|
+
/* the thumbnail image itself */
|
|
2740
|
+
.vjs-thumbnail {
|
|
2741
|
+
position: absolute;
|
|
2742
|
+
left: 0;
|
|
2743
|
+
bottom: 1.3em;
|
|
2744
|
+
opacity: 0;
|
|
2745
|
+
transition: opacity .2s ease;
|
|
2746
|
+
-webkit-transition: opacity .2s ease;
|
|
2747
|
+
-moz-transition: opacity .2s ease;
|
|
2748
|
+
-mz-transition: opacity .2s ease;
|
|
2749
|
+
}
|
|
2750
|
+
|
|
2751
|
+
/* fade in the thumbnail when hovering over the progress bar */
|
|
2752
|
+
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
|
|
2753
|
+
.vjs-progress-control:hover .vjs-thumbnail,
|
|
2754
|
+
.vjs-progress-control.fake-active .vjs-thumbnail,
|
|
2755
|
+
.vjs-progress-control:active .vjs-thumbnail {
|
|
2756
|
+
opacity: 1;
|
|
2757
|
+
}
|
|
2758
|
+
|
|
2759
|
+
/* ... but hide the thumbnail when hovering directly over it */
|
|
2760
|
+
.vjs-progress-control:hover .vjs-thumbnail:hover,
|
|
2761
|
+
.vjs-progress-control:active .vjs-thumbnail:active {
|
|
2762
|
+
opacity: 0;
|
|
2763
|
+
}
|
|
2764
|
+
|
|
2733
2765
|
.video-js.vjs-quality-menu {
|
|
2734
2766
|
display: block;
|
|
2735
2767
|
}
|
|
@@ -2809,38 +2841,6 @@
|
|
|
2809
2841
|
.video-js.vjs-quality-menu .vjs-quality-menu-wrapper .vjs-menu .vjs-menu-content::-webkit-scrollbar{
|
|
2810
2842
|
display: none;
|
|
2811
2843
|
}
|
|
2812
|
-
/* a wrapper element that tracks the mouse vertically */
|
|
2813
|
-
.vjs-thumbnail-holder {
|
|
2814
|
-
position: absolute;
|
|
2815
|
-
left: -1000px;
|
|
2816
|
-
}
|
|
2817
|
-
|
|
2818
|
-
/* the thumbnail image itself */
|
|
2819
|
-
.vjs-thumbnail {
|
|
2820
|
-
position: absolute;
|
|
2821
|
-
left: 0;
|
|
2822
|
-
bottom: 1.3em;
|
|
2823
|
-
opacity: 0;
|
|
2824
|
-
transition: opacity .2s ease;
|
|
2825
|
-
-webkit-transition: opacity .2s ease;
|
|
2826
|
-
-moz-transition: opacity .2s ease;
|
|
2827
|
-
-mz-transition: opacity .2s ease;
|
|
2828
|
-
}
|
|
2829
|
-
|
|
2830
|
-
/* fade in the thumbnail when hovering over the progress bar */
|
|
2831
|
-
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
|
|
2832
|
-
.vjs-progress-control:hover .vjs-thumbnail,
|
|
2833
|
-
.vjs-progress-control.fake-active .vjs-thumbnail,
|
|
2834
|
-
.vjs-progress-control:active .vjs-thumbnail {
|
|
2835
|
-
opacity: 1;
|
|
2836
|
-
}
|
|
2837
|
-
|
|
2838
|
-
/* ... but hide the thumbnail when hovering directly over it */
|
|
2839
|
-
.vjs-progress-control:hover .vjs-thumbnail:hover,
|
|
2840
|
-
.vjs-progress-control:active .vjs-thumbnail:active {
|
|
2841
|
-
opacity: 0;
|
|
2842
|
-
}
|
|
2843
|
-
|
|
2844
2844
|
.vjs-poster {
|
|
2845
2845
|
display: inline-block;
|
|
2846
2846
|
vertical-align: middle;
|