@viewlift/player-backup 2.0.349-backup → 2.0.351-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-edc097a1.js → autoNextVideo-b61ef51a.js} +1 -1
- package/cjs/bundle.css +662 -662
- package/cjs/{features-caccb092.js → features-85cc0d0e.js} +1 -1
- package/cjs/{generic-13b8debd.js → generic-37fccf7c.js} +1 -1
- package/cjs/{index-7ec7d20b.js → index-003f4563.js} +1 -1
- package/cjs/{index-ae34b733.js → index-0df2452b.js} +1 -1
- package/cjs/index-641241d9.js +1 -0
- package/cjs/{index-a5a5f19f.js → index-95592b91.js} +1 -1
- package/cjs/index.js +1 -1
- package/cjs/{multicamv2-a9b61d4a.js → multicamv2-1d8f22bd.js} +1 -1
- package/cjs/{multicamv2-533b95d9.js → multicamv2-66c8a520.js} +1 -1
- package/cjs/{nextEpisodeButton-f5dcc8a2.js → nextEpisodeButton-f2ec19c2.js} +1 -1
- package/cjs/{playlist-22e22306.js → playlist-c8698689.js} +1 -1
- package/cjs/{series-1bdb4b5a.js → series-93fdfc9e.js} +1 -1
- package/cjs/{series-v2-064d3215.js → series-v2-3530d560.js} +1 -1
- package/cjs/{series-v2-f7a0908c.js → series-v2-56531302.js} +1 -1
- package/cjs/{skin-2043b52e.js → skin-070a81bf.js} +1 -1
- package/cjs/{skin-9d3da0fb.js → skin-0908f28a.js} +1 -1
- package/cjs/{skin-71d8ad74.js → skin-1ac5d660.js} +1 -1
- package/cjs/{skin-86f9c4d0.js → skin-33783b72.js} +1 -1
- package/cjs/{skin-9e9a4817.js → skin-42c4ec6f.js} +1 -1
- package/cjs/{skin-c2a40b1a.js → skin-57bc5d49.js} +1 -1
- package/cjs/{skin-9ea984e1.js → skin-5e1cf589.js} +1 -1
- package/cjs/{skin-9b9be294.js → skin-7eab8810.js} +1 -1
- package/cjs/{skin-3548b097.js → skin-b3988dd7.js} +1 -1
- package/cjs/{skin-e37b1e55.js → skin-f0259f24.js} +1 -1
- package/cjs/{videoSelector-1ca81eab.js → videoSelector-259674e8.js} +1 -1
- package/cjs/{videoSelector-8542df1a.js → videoSelector-d2938e5e.js} +1 -1
- package/esm/{autoNextVideo-0a43d4ba.js → autoNextVideo-88f2eb8a.js} +1 -1
- package/esm/bundle.css +662 -662
- package/esm/features-48c7570e.js +1 -0
- package/esm/{generic-0618f730.js → generic-89376c33.js} +1 -1
- package/esm/helpers/playerControlEvents.d.ts +56 -0
- package/esm/{index-10e9934f.js → index-5d7fe297.js} +1 -1
- package/esm/{index-f09a905c.js → index-669ae4a1.js} +1 -1
- package/esm/{index-796a5d7b.js → index-b48a5d93.js} +1 -1
- package/esm/index-dffbf847.js +1 -0
- package/esm/index.d.ts +2 -0
- package/esm/index.js +1 -1
- package/esm/{multicamv2-cb9c2480.js → multicamv2-4f74662c.js} +1 -1
- package/esm/{multicamv2-f7694b60.js → multicamv2-9e3efadb.js} +1 -1
- package/esm/{nextEpisodeButton-bb9fe110.js → nextEpisodeButton-3e35a0f1.js} +1 -1
- package/esm/{playlist-95653a86.js → playlist-42c7068f.js} +1 -1
- package/esm/{series-cba492a1.js → series-160fc0ca.js} +1 -1
- package/esm/{series-v2-628cf0d3.js → series-v2-2b76e863.js} +1 -1
- package/esm/series-v2-b5605328.js +1 -0
- package/esm/{skin-e26c7928.js → skin-116c35d0.js} +1 -1
- package/esm/{skin-494e6a2a.js → skin-240a0d58.js} +1 -1
- package/esm/{skin-6a06bdb1.js → skin-6ba68c5f.js} +1 -1
- package/esm/{skin-97af5799.js → skin-7c392524.js} +1 -1
- package/esm/{skin-8506f41a.js → skin-8a9b5520.js} +1 -1
- package/esm/{skin-c1492f6a.js → skin-a0327a5a.js} +1 -1
- package/esm/{skin-5b407e72.js → skin-b4d23af8.js} +1 -1
- package/esm/{skin-ce79afce.js → skin-f2b54133.js} +1 -1
- package/esm/{skin-999b5476.js → skin-f5d7a540.js} +1 -1
- package/esm/{skin-f7be092c.js → skin-fd0c3eb0.js} +1 -1
- package/esm/{videoSelector-72a670cf.js → videoSelector-a23d4a40.js} +1 -1
- package/esm/{videoSelector-6a4fbe8c.js → videoSelector-a8a75506.js} +1 -1
- package/package.json +25 -28
- package/cjs/index-5da999ba.js +0 -1
- package/esm/features-631b5f6c.js +0 -1
- package/esm/index-480542e3.js +0 -1
- package/esm/series-v2-8abf383f.js +0 -1
package/cjs/bundle.css
CHANGED
|
@@ -2,229 +2,32 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
6
|
-
height: 0.7em !important;
|
|
7
|
-
position: absolute !important;
|
|
8
|
-
top: -0.7em !important;
|
|
9
|
-
width: 100% !important;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
13
|
-
height: 100%;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
17
|
-
line-height: 2.5;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
21
|
-
height: 19px;
|
|
22
|
-
width: 19px;
|
|
23
|
-
cursor: pointer;
|
|
24
|
-
}
|
|
25
|
-
.video-js.skin_vlone .vjs-control {
|
|
26
|
-
user-select: none;
|
|
27
|
-
}
|
|
28
|
-
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
29
|
-
user-select: none;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
33
|
-
height: 19px;
|
|
34
|
-
width: 19px;
|
|
35
|
-
cursor: pointer;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.video-js.skin_vlone .vjs-play-progress:before {
|
|
39
|
-
display: none !important;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
43
|
-
margin: 0 !important;
|
|
44
|
-
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
49
|
-
display: block;
|
|
50
|
-
flex: 1 1 auto;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
54
|
-
z-index: 1;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
.video-js.skin_vlone .vjs-control-bar {
|
|
59
|
-
height: 40px;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
|
|
63
|
-
.vjs-button>.vjs-icon-placeholder:before {
|
|
64
|
-
position: relative !important;
|
|
65
|
-
}
|
|
66
|
-
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
|
|
67
|
-
display: flex;
|
|
68
|
-
left: 0px;
|
|
69
|
-
top: -1px;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.vjs-button>.vjs-icon-placeholder:before {
|
|
73
|
-
font-size: 2em !important;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.video-js.skin_vlone .vjs-control {
|
|
77
|
-
width: 4.3em;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.vjs-menu-button-popup .vjs-menu {
|
|
81
|
-
bottom: 10px !important;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
|
|
86
|
-
height: 1.3em !important;
|
|
87
|
-
position: absolute !important;
|
|
88
|
-
top: -1.3em !important;
|
|
89
|
-
transition: height 0.3s, top 0.3s !important;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
.video-js.skin_vlone.vjs-live .vjs-time-control{
|
|
94
|
-
display: none !important;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.video-js.skin_vlone .vjs-time-control {
|
|
98
|
-
display: block;
|
|
99
|
-
}
|
|
100
|
-
.video-js.skin_vlone .vjs-remaining-time {
|
|
101
|
-
display: none;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
|
|
105
|
-
line-height: 3.5em;
|
|
106
|
-
font-size: 1.1em;
|
|
107
|
-
min-width: 4em;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.video-js.skin_vlone .vjs-time-divider > div{
|
|
111
|
-
display: flex;
|
|
112
|
-
justify-content: center;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.video-js.skin_vlone .vjs-live-control{
|
|
116
|
-
align-items: center;
|
|
117
|
-
}
|
|
118
|
-
.video-js.skin_vlone .vjs-live-display{
|
|
119
|
-
height: 2.2em;
|
|
120
|
-
display: flex;
|
|
121
|
-
align-items: center;
|
|
122
|
-
font-family: monospace;
|
|
123
|
-
width: 4em;
|
|
124
|
-
justify-content: center;
|
|
125
|
-
background: red;
|
|
126
|
-
margin: 4px 0px 4px 12px;
|
|
127
|
-
}
|
|
128
|
-
.video-js.skin_vlone .vjs-live-display.vjs-behind-live{
|
|
129
|
-
background: #6b6b6b;
|
|
130
|
-
}
|
|
131
|
-
.video-js.skin_vlone .vjs-live-display:hover{
|
|
132
|
-
cursor: pointer;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.video-js.skin_vlone .vjs-time-control {
|
|
136
|
-
line-height: 3.5em !important;
|
|
137
|
-
font-size: 1.1em !important;
|
|
138
|
-
width: min-content !important;
|
|
139
|
-
min-width: 1.5em;
|
|
140
|
-
padding: 0 !important;
|
|
141
|
-
user-select: none;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
145
|
-
margin-left: 16px !important;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
149
|
-
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
150
|
-
font-size: 1.2em !important;
|
|
151
|
-
line-height: 1.5em !important;
|
|
152
|
-
padding: 0.2em 0.8em !important;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
5
|
|
|
156
|
-
|
|
157
|
-
.video-js.skin_vlone.vjs-paused .vjs-big-play-button {
|
|
158
|
-
width: 80px;
|
|
159
|
-
height: 80px;
|
|
160
|
-
display: flex;
|
|
161
|
-
justify-content: center;
|
|
162
|
-
align-items: center;
|
|
163
|
-
border: none;
|
|
164
|
-
position: absolute;
|
|
165
|
-
top: 0;
|
|
166
|
-
left: 0;
|
|
167
|
-
right: 0;
|
|
168
|
-
bottom: 0;
|
|
169
|
-
margin: auto;
|
|
170
|
-
font-size: 5em;
|
|
171
|
-
line-height: 1.3em;
|
|
172
|
-
transform: none !important;
|
|
173
|
-
border-radius: 1.3em;
|
|
174
|
-
}
|
|
175
|
-
.video-js.skin_vlone .ssai-ad-container{
|
|
176
|
-
position: absolute;
|
|
177
|
-
bottom: 4px;
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
@media(max-width:600px){
|
|
181
|
-
.video-js.skin_vlone button.vjs-big-play-button {
|
|
182
|
-
width: 50px !important;
|
|
183
|
-
height: 50px !important;
|
|
184
|
-
font-size: 2.1rem !important;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
.video-js.skin_vlone .ssai-ad-container {
|
|
188
|
-
position: absolute;
|
|
189
|
-
bottom: 2px;
|
|
190
|
-
}
|
|
191
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
192
|
-
display: none;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
|
|
196
|
-
/* display: none; */
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
|
|
200
|
-
/* display: none; */
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
.video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
|
|
204
|
-
text-decoration: underline;
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
|
|
6
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
209
7
|
font-size: 2.2em;
|
|
210
8
|
line-height: 2.6;
|
|
211
9
|
}
|
|
212
|
-
.video-js.
|
|
213
|
-
|
|
10
|
+
.video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
|
|
11
|
+
background: #fcb700;
|
|
214
12
|
}
|
|
215
|
-
.video-js.
|
|
13
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
216
14
|
z-index: 1 !important;
|
|
217
|
-
height:
|
|
15
|
+
height: 5em !important;
|
|
218
16
|
background: black !important;
|
|
219
17
|
}
|
|
18
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
19
|
+
display: flex;
|
|
20
|
+
align-items: center;
|
|
21
|
+
justify-content: center;
|
|
22
|
+
}
|
|
220
23
|
|
|
221
|
-
.video-js.
|
|
24
|
+
.video-js.skin_news_live .vjs-fade>* {
|
|
222
25
|
visibility: hidden !important;
|
|
223
26
|
opacity: 0 !important;
|
|
224
27
|
transition: visibility 1s, opacity 1s !important;
|
|
225
28
|
}
|
|
226
29
|
|
|
227
|
-
.video-js.
|
|
30
|
+
.video-js.skin_news_live .custom-spaced-progress-bar {
|
|
228
31
|
position: absolute;
|
|
229
32
|
width: 100%;
|
|
230
33
|
display: flex;
|
|
@@ -232,7 +35,7 @@
|
|
|
232
35
|
top: -0.5em;
|
|
233
36
|
}
|
|
234
37
|
|
|
235
|
-
.video-js.
|
|
38
|
+
.video-js.skin_news_live .vjs-progress-control {
|
|
236
39
|
/* left: -6px; */
|
|
237
40
|
position: relative;
|
|
238
41
|
width: 100%;
|
|
@@ -240,22 +43,25 @@
|
|
|
240
43
|
transition: height 0.1s, top 0.1s;
|
|
241
44
|
}
|
|
242
45
|
|
|
46
|
+
.video-js.skin_news_live .vjs-volume-panel{
|
|
47
|
+
min-width: 5.3em;
|
|
48
|
+
}
|
|
243
49
|
|
|
244
50
|
|
|
245
51
|
|
|
246
|
-
.video-js.
|
|
247
|
-
display: block;
|
|
248
|
-
flex: 1 1 auto;
|
|
52
|
+
.video-js.skin_news_live .vjs-custom-control-spacer {
|
|
53
|
+
/* display: block; */
|
|
54
|
+
/* flex: 1 1 auto; */
|
|
249
55
|
}
|
|
250
56
|
|
|
251
|
-
.video-js.
|
|
57
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
252
58
|
margin: 0 0px 0 0px;
|
|
253
59
|
}
|
|
254
|
-
.video-js.
|
|
60
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
255
61
|
display: none;
|
|
256
62
|
}
|
|
257
63
|
|
|
258
|
-
.video-js.
|
|
64
|
+
.video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
259
65
|
font-size: 14px;
|
|
260
66
|
font-weight: 500;
|
|
261
67
|
align-self: center;
|
|
@@ -264,207 +70,199 @@
|
|
|
264
70
|
border-radius: 8px;
|
|
265
71
|
}
|
|
266
72
|
|
|
267
|
-
.video-js.
|
|
268
|
-
height:
|
|
73
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
74
|
+
height: 6px !important;
|
|
269
75
|
}
|
|
270
76
|
|
|
271
|
-
.video-js.
|
|
272
|
-
font-size: 1.
|
|
77
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
78
|
+
font-size: 1.5em;
|
|
273
79
|
line-height: unset;
|
|
274
80
|
top: -0.3333333333em;
|
|
275
81
|
}
|
|
276
82
|
|
|
277
|
-
.video-js.
|
|
83
|
+
.video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
|
|
278
84
|
display: none !important;
|
|
279
85
|
}
|
|
280
86
|
|
|
281
87
|
/* */
|
|
282
|
-
.video-js.
|
|
88
|
+
.video-js.skin_news_live .vjs-mouse-display{
|
|
283
89
|
font-size: 1.6666666667em;
|
|
284
90
|
}
|
|
285
91
|
|
|
286
|
-
.video-js.
|
|
92
|
+
.video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
|
|
287
93
|
font-size: 1em !important;
|
|
288
94
|
}
|
|
289
95
|
|
|
290
|
-
.video-js.
|
|
291
|
-
width: 3em;
|
|
96
|
+
.video-js.skin_news_live .vjs-button{
|
|
97
|
+
width: 5.3em;
|
|
292
98
|
display: flex;
|
|
293
99
|
align-items: center;
|
|
294
100
|
justify-content: center;
|
|
295
101
|
}
|
|
296
102
|
|
|
297
103
|
|
|
298
|
-
.video-js.
|
|
104
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
299
105
|
.icon-maximize {
|
|
300
106
|
display: block;
|
|
301
107
|
height: 32px;
|
|
302
108
|
}
|
|
303
109
|
|
|
304
|
-
.video-js.
|
|
110
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
305
111
|
line-height: 4;
|
|
306
112
|
}
|
|
307
113
|
|
|
308
|
-
.video-js.
|
|
114
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
309
115
|
.icon-minimize {
|
|
310
116
|
display: none;
|
|
311
117
|
height: 32px;
|
|
312
118
|
}
|
|
313
119
|
|
|
314
|
-
.video-js.
|
|
120
|
+
.video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
|
|
315
121
|
outline: none !important;
|
|
122
|
+
/* flex: 1; */
|
|
316
123
|
}
|
|
317
|
-
.video-js.
|
|
318
|
-
.vjs-icon-fullscreen-enter:before {
|
|
319
|
-
/* content: '' !important; */
|
|
320
|
-
}
|
|
321
|
-
|
|
322
|
-
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
124
|
+
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
323
125
|
display: flex;
|
|
126
|
+
flex: 1;
|
|
324
127
|
justify-content: center;
|
|
325
|
-
align-items: center;
|
|
326
|
-
/* transform: rotate(90deg); */
|
|
327
128
|
}
|
|
328
129
|
|
|
329
|
-
.video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
330
|
-
display: none;
|
|
331
|
-
}
|
|
332
|
-
.video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
|
|
333
|
-
margin-left: -10px;
|
|
334
|
-
display: none;
|
|
335
|
-
}
|
|
336
130
|
|
|
337
|
-
.video-js.
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
width: 3em;
|
|
348
|
-
height: 3em;
|
|
349
|
-
border-radius: 50%;
|
|
350
|
-
visibility: hidden;
|
|
131
|
+
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
132
|
+
.vjs-icon-fullscreen-enter:before {
|
|
133
|
+
/* content: '' !important; */
|
|
134
|
+
}
|
|
135
|
+
|
|
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); */
|
|
351
141
|
}
|
|
352
142
|
|
|
353
|
-
.video-js.
|
|
143
|
+
.video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
144
|
+
display: none;
|
|
145
|
+
}
|
|
146
|
+
.video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
|
|
147
|
+
margin-left: -10px;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.video-js.skin_news_live .skipbtn:hover{
|
|
354
151
|
cursor: pointer;
|
|
355
152
|
}
|
|
356
153
|
|
|
357
|
-
.video-js.
|
|
154
|
+
.video-js.skin_news_live .rewindbtn:hover{
|
|
358
155
|
cursor: pointer;
|
|
359
156
|
}
|
|
360
157
|
|
|
361
|
-
.video-js.
|
|
158
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
362
159
|
position: relative;
|
|
363
160
|
padding-left: 0;
|
|
364
161
|
}
|
|
365
162
|
|
|
366
|
-
.video-js.
|
|
367
|
-
|
|
368
|
-
height: 40px;
|
|
369
|
-
display: flex;
|
|
370
|
-
justify-content: center;
|
|
371
|
-
align-items: center;
|
|
372
|
-
border: none;
|
|
373
|
-
position: absolute;
|
|
374
|
-
top: 0;
|
|
375
|
-
left: 0;
|
|
376
|
-
right: 0;
|
|
377
|
-
bottom: 0;
|
|
378
|
-
margin: auto;
|
|
379
|
-
font-size: 3em;
|
|
380
|
-
line-height: 1.3em;
|
|
381
|
-
transform: none !important;
|
|
382
|
-
border-radius: 1.3em;
|
|
163
|
+
.video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
|
|
164
|
+
display: none !important;
|
|
383
165
|
}
|
|
384
166
|
|
|
385
|
-
.video-js.
|
|
167
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
168
|
+
/* width: 90px;
|
|
169
|
+
height: 90px;
|
|
170
|
+
display: flex;
|
|
171
|
+
justify-content: center;
|
|
172
|
+
align-items: center;
|
|
173
|
+
border-radius: 50%;
|
|
174
|
+
position: absolute;
|
|
175
|
+
top: 0;
|
|
176
|
+
left: 0;
|
|
177
|
+
right: 0;
|
|
178
|
+
bottom: 0;
|
|
179
|
+
margin: auto;
|
|
180
|
+
font-size: 6em;
|
|
181
|
+
line-height: 1.4em;
|
|
182
|
+
border: 0.05em solid;
|
|
183
|
+
color: inherit; */
|
|
184
|
+
display: none !important;
|
|
185
|
+
}
|
|
186
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
386
187
|
font-weight: bold;
|
|
387
188
|
}
|
|
388
189
|
|
|
389
|
-
.video-js.
|
|
390
|
-
bottom:
|
|
391
|
-
right: 1em;
|
|
190
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
|
|
191
|
+
bottom: 2.4em !important;
|
|
192
|
+
right: -1em;
|
|
392
193
|
z-index: 1;
|
|
393
|
-
font-size: 10px;
|
|
394
194
|
}
|
|
395
195
|
|
|
396
|
-
.video-js.
|
|
196
|
+
.video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
|
|
397
197
|
width: 24px !important;
|
|
398
198
|
height: 24px !important;
|
|
399
199
|
}
|
|
400
|
-
.
|
|
200
|
+
.settings-selector-icon>svg{
|
|
401
201
|
height: 19px !important;
|
|
402
202
|
width: 19px !important;
|
|
403
203
|
}
|
|
404
204
|
|
|
405
205
|
|
|
406
|
-
.video-js.
|
|
206
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
407
207
|
cursor: pointer;
|
|
408
208
|
}
|
|
409
209
|
|
|
410
|
-
.video-js.
|
|
210
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
411
211
|
padding-right: 0;
|
|
212
|
+
display: none;
|
|
412
213
|
}
|
|
413
214
|
|
|
414
|
-
.video-js.
|
|
215
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
415
216
|
padding-left: 0;
|
|
217
|
+
display: none;
|
|
416
218
|
}
|
|
417
219
|
|
|
418
|
-
.video-js.
|
|
220
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
419
221
|
padding-left: 0;
|
|
420
222
|
padding-right: 0;
|
|
421
|
-
display:
|
|
422
|
-
justify-content: center;
|
|
423
|
-
width: min-content;
|
|
223
|
+
display: none;
|
|
424
224
|
}
|
|
425
225
|
|
|
426
|
-
.video-js.
|
|
226
|
+
.video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
|
|
427
227
|
display: none
|
|
428
228
|
}
|
|
429
|
-
.video-js.
|
|
229
|
+
.video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
430
230
|
display: none
|
|
431
231
|
}
|
|
432
232
|
|
|
433
|
-
.video-js.
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
padding-left: 0;
|
|
233
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control {
|
|
234
|
+
display: flex;
|
|
235
|
+
align-items: center;
|
|
236
|
+
font-weight: 700;
|
|
237
|
+
font-size: 12px;
|
|
238
|
+
min-width: 1.2em;
|
|
440
239
|
}
|
|
441
240
|
|
|
442
|
-
.video-js.
|
|
241
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
443
242
|
display: none;
|
|
444
243
|
font-size: 11px;
|
|
445
244
|
justify-content: center;
|
|
446
245
|
align-items: center;
|
|
447
246
|
user-select: none;
|
|
448
247
|
}
|
|
449
|
-
.video-js.
|
|
248
|
+
.video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
450
249
|
display: none;
|
|
451
250
|
}
|
|
452
251
|
|
|
453
|
-
.video-js.
|
|
252
|
+
.video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
454
253
|
height: min-content;
|
|
455
254
|
width: min-content;
|
|
456
255
|
}
|
|
457
|
-
.video-js.
|
|
458
|
-
width:
|
|
459
|
-
margin-right: 4px;
|
|
256
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
257
|
+
width: 6em;
|
|
460
258
|
}
|
|
461
259
|
|
|
462
|
-
.video-js.
|
|
260
|
+
.video-js.skin_news_live .content{
|
|
463
261
|
bottom: 3.4rem !important;
|
|
464
262
|
right: -4rem !important;
|
|
465
263
|
}
|
|
466
264
|
|
|
467
|
-
.
|
|
265
|
+
.setting-icon > svg{
|
|
468
266
|
height:18px !important;
|
|
469
267
|
}
|
|
470
268
|
|
|
@@ -478,16 +276,16 @@
|
|
|
478
276
|
pointer-events:none
|
|
479
277
|
}
|
|
480
278
|
|
|
481
|
-
.video-js.
|
|
279
|
+
.video-js.skin_news_live iframe{
|
|
482
280
|
width: 100%;
|
|
483
281
|
height: 100%;
|
|
484
282
|
}
|
|
485
283
|
|
|
486
|
-
.video-js.
|
|
284
|
+
.video-js.skin_news_live .vjs-live-control{
|
|
487
285
|
align-items: center;
|
|
488
|
-
|
|
286
|
+
display: none;
|
|
489
287
|
}
|
|
490
|
-
.video-js.
|
|
288
|
+
.video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
|
|
491
289
|
height: 2.2em;
|
|
492
290
|
display: flex;
|
|
493
291
|
align-items: center;
|
|
@@ -495,187 +293,199 @@
|
|
|
495
293
|
width: 4em;
|
|
496
294
|
justify-content: center;
|
|
497
295
|
background: red;
|
|
498
|
-
margin: 4px 0px 4px
|
|
296
|
+
margin: 4px 0px 4px 12px;
|
|
499
297
|
}
|
|
500
298
|
|
|
501
|
-
.video-js.
|
|
299
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
|
|
502
300
|
text-shadow: none;
|
|
503
301
|
}
|
|
504
|
-
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
505
|
-
display: none;
|
|
506
|
-
font-size: 12px;
|
|
507
|
-
}
|
|
508
302
|
|
|
509
|
-
.video-js.
|
|
510
|
-
|
|
511
|
-
display: inline-flex;
|
|
512
|
-
align-items: center;
|
|
513
|
-
font-family: monospace;
|
|
303
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
|
|
304
|
+
display: flex;
|
|
514
305
|
justify-content: center;
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
padding: 2px 4px;
|
|
519
|
-
font-size: 1.2em;
|
|
520
|
-
font-weight: 500;
|
|
521
|
-
color: rgba(255, 255, 2555, 0.7);
|
|
306
|
+
min-width: 5.3em;
|
|
307
|
+
pointer-events: none;
|
|
308
|
+
user-select: none;
|
|
522
309
|
}
|
|
523
310
|
|
|
524
|
-
.video-js.
|
|
525
|
-
|
|
526
|
-
word-spacing: -4px;
|
|
311
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
|
|
312
|
+
color: white;
|
|
527
313
|
}
|
|
528
314
|
|
|
529
315
|
|
|
530
|
-
|
|
316
|
+
.settings-selection.vjs-control.vjs-button{
|
|
317
|
+
display: flex !important;
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
@media(max-width:576px){
|
|
321
|
+
.settings-selection.vjs-control.vjs-button{
|
|
322
|
+
display: none !important;
|
|
323
|
+
}
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
|
|
327
|
+
@media(max-width:576px){
|
|
531
328
|
.tvProviderImage{
|
|
532
329
|
display: none
|
|
533
330
|
}
|
|
534
|
-
.video-js.
|
|
331
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
535
332
|
.icon-maximize {
|
|
536
333
|
height: 30px !important;
|
|
537
334
|
}
|
|
538
335
|
|
|
539
|
-
.video-js.
|
|
336
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
540
337
|
.icon-minimize {
|
|
541
338
|
height: 30px !important;
|
|
542
339
|
}
|
|
543
|
-
.video-js.
|
|
544
|
-
width:
|
|
340
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
341
|
+
width: 4.5em;
|
|
545
342
|
}
|
|
546
|
-
.video-js.
|
|
343
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
547
344
|
height: min-content;
|
|
548
345
|
}
|
|
549
346
|
|
|
550
|
-
.video-js.
|
|
347
|
+
.video-js.skin_news_live button.vjs-slowmo-button{
|
|
551
348
|
display: none;
|
|
552
349
|
}
|
|
553
|
-
.video-js.
|
|
350
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
554
351
|
display: none;
|
|
555
352
|
}
|
|
556
|
-
.video-js.
|
|
353
|
+
.video-js.skin_news_live button.vjs-rewind-button>svg{
|
|
557
354
|
height: 20px;
|
|
558
355
|
}
|
|
559
|
-
.video-js.
|
|
560
|
-
width:
|
|
356
|
+
.video-js.skin_news_live .vjs-button{
|
|
357
|
+
width: 4.8em;
|
|
561
358
|
}
|
|
562
|
-
.video-js.
|
|
359
|
+
.video-js.skin_news_live .widget-selection{
|
|
563
360
|
display: none;
|
|
564
361
|
}
|
|
565
|
-
.video-js.
|
|
362
|
+
.video-js.skin_news_live .container{
|
|
566
363
|
display: none !important;
|
|
567
364
|
}
|
|
568
|
-
.video-js.
|
|
365
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
569
366
|
height: 4em !important;
|
|
570
367
|
}
|
|
571
|
-
.video-js.
|
|
368
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
|
|
572
369
|
font-size: 2.5em;
|
|
573
370
|
line-height: 1.5;
|
|
574
371
|
}
|
|
575
|
-
.video-js.
|
|
372
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
576
373
|
font-size: 1.2em;
|
|
577
374
|
position: absolute;
|
|
578
375
|
right: -0.5em;
|
|
579
376
|
z-index: 1;
|
|
580
377
|
}
|
|
581
|
-
.video-js.
|
|
378
|
+
.video-js.skin_news_live button.vjs-skip-button>svg{
|
|
582
379
|
height: 20px;
|
|
583
380
|
}
|
|
381
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
382
|
+
width: 50px !important;
|
|
383
|
+
height: 50px !important;
|
|
384
|
+
font-size: 2.1rem !important;
|
|
385
|
+
}
|
|
584
386
|
|
|
585
387
|
.stream-selector-icon>svg{
|
|
586
388
|
width: 24px;
|
|
587
389
|
height: 24px;
|
|
588
390
|
}
|
|
589
|
-
.video-js.
|
|
590
|
-
|
|
591
|
-
}
|
|
391
|
+
.video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
392
|
+
margin: 0 12px 0 12px;
|
|
592
393
|
}
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
596
|
-
background-color: rgba(0, 0, 0, 0.2);
|
|
394
|
+
.video-js.skin_news_live .vjs-seek-to-live-text{
|
|
395
|
+
font-size: 12px;
|
|
597
396
|
}
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
601
|
-
display: flex;
|
|
602
|
-
justify-content: center;
|
|
603
|
-
align-items: center;
|
|
604
|
-
height: 100%;
|
|
605
|
-
transition: width 0.1s;
|
|
397
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
398
|
+
margin: 0 12px 0 12px;
|
|
606
399
|
}
|
|
607
|
-
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
608
|
-
margin: 2px;
|
|
609
400
|
}
|
|
610
|
-
|
|
611
|
-
|
|
401
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
402
|
+
width: 90px;
|
|
403
|
+
height: 90px;
|
|
612
404
|
display: flex;
|
|
613
405
|
justify-content: center;
|
|
614
406
|
align-items: center;
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
max-height: 100%;
|
|
625
|
-
overflow-y: auto;
|
|
626
|
-
}
|
|
627
|
-
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
|
|
628
|
-
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
|
|
629
|
-
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
|
|
630
|
-
display: block;
|
|
631
|
-
width: 100%;
|
|
407
|
+
border-radius: 50%;
|
|
408
|
+
position: absolute;
|
|
409
|
+
top: 0;
|
|
410
|
+
left: 0;
|
|
411
|
+
right: 0;
|
|
412
|
+
bottom: 0;
|
|
413
|
+
margin: auto;
|
|
414
|
+
font-size: 6em;
|
|
415
|
+
line-height: 1.4em;
|
|
632
416
|
}
|
|
633
|
-
|
|
634
|
-
|
|
417
|
+
|
|
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;
|
|
635
424
|
}
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
425
|
+
|
|
426
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
427
|
+
display: flex;
|
|
428
|
+
justify-content: center;
|
|
429
|
+
align-items: center;
|
|
430
|
+
height: 100%;
|
|
431
|
+
transition: width 0.1s;
|
|
639
432
|
}
|
|
640
|
-
.video-js.
|
|
641
|
-
|
|
433
|
+
.video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
434
|
+
display: none !important;
|
|
642
435
|
}
|
|
643
436
|
|
|
644
|
-
@media (max-width:
|
|
645
|
-
.video-js.
|
|
437
|
+
@media (max-width: 576px) {
|
|
438
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
646
439
|
height: 5px !important;
|
|
647
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
|
+
}
|
|
648
446
|
|
|
649
|
-
.
|
|
447
|
+
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
650
448
|
display: none;
|
|
651
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
|
+
}
|
|
652
458
|
|
|
653
459
|
}
|
|
654
460
|
|
|
655
|
-
.video-js.
|
|
656
|
-
|
|
657
|
-
fill: none !important;
|
|
658
|
-
filter: none !important;
|
|
461
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml {
|
|
462
|
+
width: 100% !important;
|
|
659
463
|
}
|
|
660
464
|
|
|
661
|
-
|
|
662
|
-
.video-js.
|
|
663
|
-
|
|
465
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
466
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
467
|
+
font-size: 1.2em !important;
|
|
468
|
+
line-height: 1.5em !important;
|
|
469
|
+
padding: 0.2em 0.8em !important;
|
|
664
470
|
}
|
|
665
471
|
|
|
666
|
-
.video-js.
|
|
667
|
-
|
|
472
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
|
|
473
|
+
content: none !important;
|
|
474
|
+
fill: none !important;
|
|
475
|
+
filter: none !important;
|
|
668
476
|
}
|
|
669
477
|
|
|
670
|
-
.video-js.
|
|
478
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
671
479
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
672
480
|
}
|
|
673
481
|
|
|
674
|
-
.video-js.
|
|
482
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
675
483
|
color: rgba(255, 255, 2555, 1)!important;
|
|
676
484
|
}
|
|
677
485
|
|
|
678
486
|
|
|
487
|
+
|
|
488
|
+
|
|
679
489
|
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
|
|
680
490
|
font-size: 2.2em;
|
|
681
491
|
line-height: 2.6;
|
|
@@ -1204,31 +1014,26 @@
|
|
|
1204
1014
|
|
|
1205
1015
|
|
|
1206
1016
|
|
|
1207
|
-
.video-js.
|
|
1017
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
|
|
1208
1018
|
font-size: 2.2em;
|
|
1209
1019
|
line-height: 2.6;
|
|
1210
1020
|
}
|
|
1211
|
-
.video-js.
|
|
1212
|
-
|
|
1021
|
+
.video-js.skin_mini{
|
|
1022
|
+
overflow: hidden;
|
|
1213
1023
|
}
|
|
1214
|
-
.video-js.
|
|
1024
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
1215
1025
|
z-index: 1 !important;
|
|
1216
|
-
height:
|
|
1026
|
+
height: 4em !important;
|
|
1217
1027
|
background: black !important;
|
|
1218
1028
|
}
|
|
1219
|
-
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
1220
|
-
display: flex;
|
|
1221
|
-
align-items: center;
|
|
1222
|
-
justify-content: center;
|
|
1223
|
-
}
|
|
1224
1029
|
|
|
1225
|
-
.video-js.
|
|
1030
|
+
.video-js.skin_mini .vjs-fade>* {
|
|
1226
1031
|
visibility: hidden !important;
|
|
1227
1032
|
opacity: 0 !important;
|
|
1228
1033
|
transition: visibility 1s, opacity 1s !important;
|
|
1229
1034
|
}
|
|
1230
1035
|
|
|
1231
|
-
.video-js.
|
|
1036
|
+
.video-js.skin_mini .custom-spaced-progress-bar {
|
|
1232
1037
|
position: absolute;
|
|
1233
1038
|
width: 100%;
|
|
1234
1039
|
display: flex;
|
|
@@ -1236,7 +1041,7 @@
|
|
|
1236
1041
|
top: -0.5em;
|
|
1237
1042
|
}
|
|
1238
1043
|
|
|
1239
|
-
.video-js.
|
|
1044
|
+
.video-js.skin_mini .vjs-progress-control {
|
|
1240
1045
|
/* left: -6px; */
|
|
1241
1046
|
position: relative;
|
|
1242
1047
|
width: 100%;
|
|
@@ -1244,25 +1049,22 @@
|
|
|
1244
1049
|
transition: height 0.1s, top 0.1s;
|
|
1245
1050
|
}
|
|
1246
1051
|
|
|
1247
|
-
.video-js.skin_news_live .vjs-volume-panel{
|
|
1248
|
-
min-width: 5.3em;
|
|
1249
|
-
}
|
|
1250
1052
|
|
|
1251
1053
|
|
|
1252
1054
|
|
|
1253
|
-
.video-js.
|
|
1254
|
-
|
|
1255
|
-
|
|
1055
|
+
.video-js.skin_mini .vjs-custom-control-spacer {
|
|
1056
|
+
display: block;
|
|
1057
|
+
flex: 1 1 auto;
|
|
1256
1058
|
}
|
|
1257
1059
|
|
|
1258
|
-
.video-js.
|
|
1060
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
|
|
1259
1061
|
margin: 0 0px 0 0px;
|
|
1260
1062
|
}
|
|
1261
|
-
.video-js.
|
|
1063
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1262
1064
|
display: none;
|
|
1263
1065
|
}
|
|
1264
1066
|
|
|
1265
|
-
.video-js.
|
|
1067
|
+
.video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
1266
1068
|
font-size: 14px;
|
|
1267
1069
|
font-weight: 500;
|
|
1268
1070
|
align-self: center;
|
|
@@ -1271,199 +1073,207 @@
|
|
|
1271
1073
|
border-radius: 8px;
|
|
1272
1074
|
}
|
|
1273
1075
|
|
|
1274
|
-
.video-js.
|
|
1275
|
-
height:
|
|
1076
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
1077
|
+
height: 5px !important;
|
|
1276
1078
|
}
|
|
1277
1079
|
|
|
1278
|
-
.video-js.
|
|
1279
|
-
font-size: 1.
|
|
1080
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
1081
|
+
font-size: 1.3em;
|
|
1280
1082
|
line-height: unset;
|
|
1281
1083
|
top: -0.3333333333em;
|
|
1282
1084
|
}
|
|
1283
1085
|
|
|
1284
|
-
.video-js.
|
|
1086
|
+
.video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
|
|
1285
1087
|
display: none !important;
|
|
1286
1088
|
}
|
|
1287
1089
|
|
|
1288
1090
|
/* */
|
|
1289
|
-
.video-js.
|
|
1091
|
+
.video-js.skin_mini .vjs-mouse-display{
|
|
1290
1092
|
font-size: 1.6666666667em;
|
|
1291
1093
|
}
|
|
1292
1094
|
|
|
1293
|
-
.video-js.
|
|
1095
|
+
.video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
|
|
1294
1096
|
font-size: 1em !important;
|
|
1295
1097
|
}
|
|
1296
1098
|
|
|
1297
|
-
.video-js.
|
|
1298
|
-
width:
|
|
1099
|
+
.video-js.skin_mini .vjs-button{
|
|
1100
|
+
width: 3em;
|
|
1299
1101
|
display: flex;
|
|
1300
1102
|
align-items: center;
|
|
1301
1103
|
justify-content: center;
|
|
1302
1104
|
}
|
|
1303
1105
|
|
|
1304
1106
|
|
|
1305
|
-
.video-js.
|
|
1107
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
1306
1108
|
.icon-maximize {
|
|
1307
1109
|
display: block;
|
|
1308
1110
|
height: 32px;
|
|
1309
1111
|
}
|
|
1310
1112
|
|
|
1311
|
-
.video-js.
|
|
1113
|
+
.video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
|
|
1312
1114
|
line-height: 4;
|
|
1313
1115
|
}
|
|
1314
1116
|
|
|
1315
|
-
.video-js.
|
|
1117
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
1316
1118
|
.icon-minimize {
|
|
1317
1119
|
display: none;
|
|
1318
1120
|
height: 32px;
|
|
1319
1121
|
}
|
|
1320
1122
|
|
|
1321
|
-
.video-js.
|
|
1123
|
+
.video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
|
|
1322
1124
|
outline: none !important;
|
|
1323
|
-
/* flex: 1; */
|
|
1324
|
-
}
|
|
1325
|
-
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
1326
|
-
display: flex;
|
|
1327
|
-
flex: 1;
|
|
1328
|
-
justify-content: center;
|
|
1329
1125
|
}
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
1126
|
+
.video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
1333
1127
|
.vjs-icon-fullscreen-enter:before {
|
|
1334
1128
|
/* content: '' !important; */
|
|
1335
1129
|
}
|
|
1336
1130
|
|
|
1337
|
-
.video-js.
|
|
1131
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
1338
1132
|
display: flex;
|
|
1339
1133
|
justify-content: center;
|
|
1340
1134
|
align-items: center;
|
|
1341
1135
|
/* transform: rotate(90deg); */
|
|
1342
1136
|
}
|
|
1343
1137
|
|
|
1344
|
-
.video-js.
|
|
1138
|
+
.video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
1345
1139
|
display: none;
|
|
1346
1140
|
}
|
|
1347
|
-
.video-js.
|
|
1141
|
+
.video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
|
|
1348
1142
|
margin-left: -10px;
|
|
1143
|
+
display: none;
|
|
1349
1144
|
}
|
|
1350
1145
|
|
|
1351
|
-
.video-js.
|
|
1146
|
+
.video-js.skin_mini .vjs-loading-spinner {
|
|
1147
|
+
position: absolute;
|
|
1148
|
+
top: 50%;
|
|
1149
|
+
left: 50%;
|
|
1150
|
+
transform: translate(-50%, -50%);
|
|
1151
|
+
opacity: .85;
|
|
1152
|
+
text-align: left;
|
|
1153
|
+
border: .2em solid rgba(43, 51, 63, .7);
|
|
1154
|
+
box-sizing: border-box;
|
|
1155
|
+
background-clip: padding-box;
|
|
1156
|
+
width: 3em;
|
|
1157
|
+
height: 3em;
|
|
1158
|
+
border-radius: 50%;
|
|
1159
|
+
visibility: hidden;
|
|
1160
|
+
}
|
|
1161
|
+
|
|
1162
|
+
.video-js.skin_mini .skipbtn:hover{
|
|
1352
1163
|
cursor: pointer;
|
|
1353
1164
|
}
|
|
1354
1165
|
|
|
1355
|
-
.video-js.
|
|
1166
|
+
.video-js.skin_mini .rewindbtn:hover{
|
|
1356
1167
|
cursor: pointer;
|
|
1357
1168
|
}
|
|
1358
1169
|
|
|
1359
|
-
.video-js.
|
|
1170
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
|
|
1360
1171
|
position: relative;
|
|
1361
1172
|
padding-left: 0;
|
|
1362
1173
|
}
|
|
1363
1174
|
|
|
1364
|
-
.video-js.
|
|
1365
|
-
|
|
1175
|
+
.video-js.skin_mini.vjs-paused .vjs-big-play-button {
|
|
1176
|
+
width: 40px;
|
|
1177
|
+
height: 40px;
|
|
1178
|
+
display: flex;
|
|
1179
|
+
justify-content: center;
|
|
1180
|
+
align-items: center;
|
|
1181
|
+
border: none;
|
|
1182
|
+
position: absolute;
|
|
1183
|
+
top: 0;
|
|
1184
|
+
left: 0;
|
|
1185
|
+
right: 0;
|
|
1186
|
+
bottom: 0;
|
|
1187
|
+
margin: auto;
|
|
1188
|
+
font-size: 3em;
|
|
1189
|
+
line-height: 1.3em;
|
|
1190
|
+
transform: none !important;
|
|
1191
|
+
border-radius: 1.3em;
|
|
1366
1192
|
}
|
|
1367
1193
|
|
|
1368
|
-
.video-js.
|
|
1369
|
-
/* width: 90px;
|
|
1370
|
-
height: 90px;
|
|
1371
|
-
display: flex;
|
|
1372
|
-
justify-content: center;
|
|
1373
|
-
align-items: center;
|
|
1374
|
-
border-radius: 50%;
|
|
1375
|
-
position: absolute;
|
|
1376
|
-
top: 0;
|
|
1377
|
-
left: 0;
|
|
1378
|
-
right: 0;
|
|
1379
|
-
bottom: 0;
|
|
1380
|
-
margin: auto;
|
|
1381
|
-
font-size: 6em;
|
|
1382
|
-
line-height: 1.4em;
|
|
1383
|
-
border: 0.05em solid;
|
|
1384
|
-
color: inherit; */
|
|
1385
|
-
display: none !important;
|
|
1386
|
-
}
|
|
1387
|
-
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
1194
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
1388
1195
|
font-weight: bold;
|
|
1389
1196
|
}
|
|
1390
1197
|
|
|
1391
|
-
.video-js.
|
|
1392
|
-
bottom:
|
|
1393
|
-
right:
|
|
1198
|
+
.video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
|
|
1199
|
+
bottom: 1.1em !important;
|
|
1200
|
+
right: 1em;
|
|
1394
1201
|
z-index: 1;
|
|
1202
|
+
font-size: 10px;
|
|
1395
1203
|
}
|
|
1396
1204
|
|
|
1397
|
-
.video-js.
|
|
1205
|
+
.video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
|
|
1398
1206
|
width: 24px !important;
|
|
1399
1207
|
height: 24px !important;
|
|
1400
1208
|
}
|
|
1401
|
-
.settings-selector-icon>svg{
|
|
1209
|
+
.video-js.skin_mini .settings-selector-icon>svg{
|
|
1402
1210
|
height: 19px !important;
|
|
1403
1211
|
width: 19px !important;
|
|
1404
1212
|
}
|
|
1405
1213
|
|
|
1406
1214
|
|
|
1407
|
-
.video-js.
|
|
1215
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
1408
1216
|
cursor: pointer;
|
|
1409
1217
|
}
|
|
1410
1218
|
|
|
1411
|
-
.video-js.
|
|
1219
|
+
.video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
1412
1220
|
padding-right: 0;
|
|
1413
|
-
display: none;
|
|
1414
1221
|
}
|
|
1415
1222
|
|
|
1416
|
-
.video-js.
|
|
1223
|
+
.video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
1417
1224
|
padding-left: 0;
|
|
1418
|
-
display: none;
|
|
1419
1225
|
}
|
|
1420
1226
|
|
|
1421
|
-
.video-js.
|
|
1227
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
1422
1228
|
padding-left: 0;
|
|
1423
1229
|
padding-right: 0;
|
|
1424
|
-
display:
|
|
1230
|
+
display: flex;
|
|
1231
|
+
justify-content: center;
|
|
1232
|
+
width: min-content;
|
|
1425
1233
|
}
|
|
1426
1234
|
|
|
1427
|
-
.video-js.
|
|
1235
|
+
.video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
|
|
1428
1236
|
display: none
|
|
1429
1237
|
}
|
|
1430
|
-
.video-js.
|
|
1238
|
+
.video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
1431
1239
|
display: none
|
|
1432
1240
|
}
|
|
1433
1241
|
|
|
1434
|
-
.video-js.
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1242
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control {
|
|
1243
|
+
display: flex;
|
|
1244
|
+
align-items: center;
|
|
1245
|
+
font-weight: 700;
|
|
1246
|
+
font-size: 9px;
|
|
1247
|
+
min-width: 0.8em;
|
|
1248
|
+
padding-left: 0;
|
|
1440
1249
|
}
|
|
1441
1250
|
|
|
1442
|
-
.video-js.
|
|
1251
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
1443
1252
|
display: none;
|
|
1444
1253
|
font-size: 11px;
|
|
1445
1254
|
justify-content: center;
|
|
1446
1255
|
align-items: center;
|
|
1447
1256
|
user-select: none;
|
|
1448
1257
|
}
|
|
1449
|
-
.video-js.
|
|
1258
|
+
.video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1450
1259
|
display: none;
|
|
1451
1260
|
}
|
|
1452
1261
|
|
|
1453
|
-
.video-js.
|
|
1262
|
+
.video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
1454
1263
|
height: min-content;
|
|
1455
1264
|
width: min-content;
|
|
1456
1265
|
}
|
|
1457
|
-
.video-js.
|
|
1458
|
-
width:
|
|
1266
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1267
|
+
width: 3em;
|
|
1268
|
+
margin-right: 4px;
|
|
1459
1269
|
}
|
|
1460
1270
|
|
|
1461
|
-
.video-js.
|
|
1271
|
+
.video-js.skin_mini .content{
|
|
1462
1272
|
bottom: 3.4rem !important;
|
|
1463
1273
|
right: -4rem !important;
|
|
1464
1274
|
}
|
|
1465
1275
|
|
|
1466
|
-
.setting-icon > svg{
|
|
1276
|
+
.video-js.skin_mini .setting-icon > svg{
|
|
1467
1277
|
height:18px !important;
|
|
1468
1278
|
}
|
|
1469
1279
|
|
|
@@ -1477,16 +1287,16 @@
|
|
|
1477
1287
|
pointer-events:none
|
|
1478
1288
|
}
|
|
1479
1289
|
|
|
1480
|
-
.video-js.
|
|
1290
|
+
.video-js.skin_mini iframe{
|
|
1481
1291
|
width: 100%;
|
|
1482
1292
|
height: 100%;
|
|
1483
1293
|
}
|
|
1484
1294
|
|
|
1485
|
-
.video-js.
|
|
1295
|
+
.video-js.skin_mini .vjs-live-control{
|
|
1486
1296
|
align-items: center;
|
|
1487
|
-
|
|
1297
|
+
max-width: 5em;
|
|
1488
1298
|
}
|
|
1489
|
-
.video-js.
|
|
1299
|
+
.video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
|
|
1490
1300
|
height: 2.2em;
|
|
1491
1301
|
display: flex;
|
|
1492
1302
|
align-items: center;
|
|
@@ -1494,198 +1304,388 @@
|
|
|
1494
1304
|
width: 4em;
|
|
1495
1305
|
justify-content: center;
|
|
1496
1306
|
background: red;
|
|
1497
|
-
margin: 4px 0px 4px
|
|
1307
|
+
margin: 4px 0px 4px 2px;
|
|
1498
1308
|
}
|
|
1499
1309
|
|
|
1500
|
-
.video-js.
|
|
1310
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
|
|
1501
1311
|
text-shadow: none;
|
|
1502
1312
|
}
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
justify-content: center;
|
|
1507
|
-
min-width: 5.3em;
|
|
1508
|
-
pointer-events: none;
|
|
1509
|
-
user-select: none;
|
|
1510
|
-
}
|
|
1511
|
-
|
|
1512
|
-
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
|
|
1513
|
-
color: white;
|
|
1313
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
1314
|
+
display: none;
|
|
1315
|
+
font-size: 12px;
|
|
1514
1316
|
}
|
|
1515
1317
|
|
|
1516
|
-
|
|
1517
|
-
.
|
|
1518
|
-
display: flex
|
|
1318
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
1319
|
+
height: 1.8em;
|
|
1320
|
+
display: inline-flex;
|
|
1321
|
+
align-items: center;
|
|
1322
|
+
font-family: monospace;
|
|
1323
|
+
justify-content: center;
|
|
1324
|
+
border: 1.5px solid;
|
|
1325
|
+
margin: 4px 0px 4px 2px;
|
|
1326
|
+
white-space: pre;
|
|
1327
|
+
padding: 2px 4px;
|
|
1328
|
+
font-size: 1.2em;
|
|
1329
|
+
font-weight: 500;
|
|
1330
|
+
color: rgba(255, 255, 2555, 0.7);
|
|
1519
1331
|
}
|
|
1520
1332
|
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
}
|
|
1333
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
1334
|
+
content: "NOT LIVE";
|
|
1335
|
+
word-spacing: -4px;
|
|
1525
1336
|
}
|
|
1526
1337
|
|
|
1527
1338
|
|
|
1528
|
-
@media(max-width:
|
|
1339
|
+
@media(max-width:600px){
|
|
1529
1340
|
.tvProviderImage{
|
|
1530
1341
|
display: none
|
|
1531
1342
|
}
|
|
1532
|
-
.video-js.
|
|
1343
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
1533
1344
|
.icon-maximize {
|
|
1534
1345
|
height: 30px !important;
|
|
1535
1346
|
}
|
|
1536
1347
|
|
|
1537
|
-
.video-js.
|
|
1348
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
1538
1349
|
.icon-minimize {
|
|
1539
1350
|
height: 30px !important;
|
|
1540
1351
|
}
|
|
1541
|
-
.video-js.
|
|
1542
|
-
width:
|
|
1352
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1353
|
+
width: 3.5em;
|
|
1543
1354
|
}
|
|
1544
|
-
.video-js.
|
|
1355
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
1545
1356
|
height: min-content;
|
|
1546
1357
|
}
|
|
1547
1358
|
|
|
1548
|
-
.video-js.
|
|
1359
|
+
.video-js.skin_mini button.vjs-slowmo-button{
|
|
1549
1360
|
display: none;
|
|
1550
1361
|
}
|
|
1551
|
-
.video-js.
|
|
1362
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
1552
1363
|
display: none;
|
|
1553
1364
|
}
|
|
1554
|
-
.video-js.
|
|
1365
|
+
.video-js.skin_mini button.vjs-rewind-button>svg{
|
|
1555
1366
|
height: 20px;
|
|
1556
1367
|
}
|
|
1557
|
-
.video-js.
|
|
1558
|
-
width:
|
|
1368
|
+
.video-js.skin_mini .vjs-button{
|
|
1369
|
+
width: 3em;
|
|
1559
1370
|
}
|
|
1560
|
-
.video-js.
|
|
1371
|
+
.video-js.skin_mini .widget-selection{
|
|
1561
1372
|
display: none;
|
|
1562
1373
|
}
|
|
1563
|
-
.video-js.
|
|
1374
|
+
.video-js.skin_mini .container{
|
|
1564
1375
|
display: none !important;
|
|
1565
1376
|
}
|
|
1566
|
-
.video-js.
|
|
1377
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
1567
1378
|
height: 4em !important;
|
|
1568
1379
|
}
|
|
1569
|
-
.video-js.
|
|
1380
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
|
|
1570
1381
|
font-size: 2.5em;
|
|
1571
1382
|
line-height: 1.5;
|
|
1572
1383
|
}
|
|
1573
|
-
.video-js.
|
|
1384
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
1574
1385
|
font-size: 1.2em;
|
|
1575
1386
|
position: absolute;
|
|
1576
1387
|
right: -0.5em;
|
|
1577
1388
|
z-index: 1;
|
|
1578
1389
|
}
|
|
1579
|
-
.video-js.
|
|
1580
|
-
height: 20px;
|
|
1390
|
+
.video-js.skin_mini button.vjs-skip-button>svg{
|
|
1391
|
+
height: 20px;
|
|
1392
|
+
}
|
|
1393
|
+
|
|
1394
|
+
.stream-selector-icon>svg{
|
|
1395
|
+
width: 24px;
|
|
1396
|
+
height: 24px;
|
|
1397
|
+
}
|
|
1398
|
+
.video-js.skin_mini .vjs-seek-to-live-text{
|
|
1399
|
+
font-size: 12px;
|
|
1400
|
+
}
|
|
1401
|
+
}
|
|
1402
|
+
|
|
1403
|
+
|
|
1404
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
1405
|
+
background-color: rgba(0, 0, 0, 0.2);
|
|
1406
|
+
}
|
|
1407
|
+
|
|
1408
|
+
|
|
1409
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1410
|
+
display: flex;
|
|
1411
|
+
justify-content: center;
|
|
1412
|
+
align-items: center;
|
|
1413
|
+
height: 100%;
|
|
1414
|
+
transition: width 0.1s;
|
|
1415
|
+
}
|
|
1416
|
+
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
1417
|
+
margin: 2px;
|
|
1418
|
+
}
|
|
1419
|
+
|
|
1420
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1421
|
+
display: flex;
|
|
1422
|
+
justify-content: center;
|
|
1423
|
+
align-items: center;
|
|
1424
|
+
height: 100%;
|
|
1425
|
+
transition: width 0.1s;
|
|
1426
|
+
}
|
|
1427
|
+
|
|
1428
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
|
|
1429
|
+
display: block;
|
|
1430
|
+
font-size: 10px;
|
|
1431
|
+
padding: 6px 10px;
|
|
1432
|
+
margin: 0;
|
|
1433
|
+
max-height: 100%;
|
|
1434
|
+
overflow-y: auto;
|
|
1435
|
+
}
|
|
1436
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
|
|
1437
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
|
|
1438
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
|
|
1439
|
+
display: block;
|
|
1440
|
+
width: 100%;
|
|
1441
|
+
}
|
|
1442
|
+
.video-js.skin_mini .vjs-text-track-settings fieldset{
|
|
1443
|
+
margin: 4px 0;
|
|
1444
|
+
}
|
|
1445
|
+
.video-js.skin_mini .vjs-text-track-settings fieldset span{
|
|
1446
|
+
display: block;
|
|
1447
|
+
padding: 0 0 6px;
|
|
1448
|
+
}
|
|
1449
|
+
.video-js.skin_mini .vjs-text-track-settings fieldset span > select{
|
|
1450
|
+
max-width: 100%;
|
|
1451
|
+
}
|
|
1452
|
+
|
|
1453
|
+
@media (max-width: 600px) {
|
|
1454
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
1455
|
+
height: 5px !important;
|
|
1456
|
+
}
|
|
1457
|
+
|
|
1458
|
+
.video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1459
|
+
display: none;
|
|
1460
|
+
}
|
|
1461
|
+
|
|
1462
|
+
}
|
|
1463
|
+
|
|
1464
|
+
.video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
|
|
1465
|
+
content: none !important;
|
|
1466
|
+
fill: none !important;
|
|
1467
|
+
filter: none !important;
|
|
1468
|
+
}
|
|
1469
|
+
|
|
1470
|
+
/* svg icons opacity and hover effect */
|
|
1471
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
|
|
1472
|
+
opacity: 0.7 !important;
|
|
1473
|
+
}
|
|
1474
|
+
|
|
1475
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
1476
|
+
opacity: 1 !important;
|
|
1477
|
+
}
|
|
1478
|
+
|
|
1479
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1480
|
+
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1481
|
+
}
|
|
1482
|
+
|
|
1483
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1484
|
+
color: rgba(255, 255, 2555, 1)!important;
|
|
1485
|
+
}
|
|
1486
|
+
|
|
1487
|
+
|
|
1488
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
1489
|
+
height: 0.7em !important;
|
|
1490
|
+
position: absolute !important;
|
|
1491
|
+
top: -0.7em !important;
|
|
1492
|
+
width: 100% !important;
|
|
1493
|
+
}
|
|
1494
|
+
|
|
1495
|
+
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
1496
|
+
height: 100%;
|
|
1497
|
+
}
|
|
1498
|
+
|
|
1499
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
1500
|
+
line-height: 2.5;
|
|
1501
|
+
}
|
|
1502
|
+
|
|
1503
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
1504
|
+
height: 19px;
|
|
1505
|
+
width: 19px;
|
|
1506
|
+
cursor: pointer;
|
|
1507
|
+
}
|
|
1508
|
+
.video-js.skin_vlone .vjs-control {
|
|
1509
|
+
user-select: none;
|
|
1510
|
+
}
|
|
1511
|
+
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
1512
|
+
user-select: none;
|
|
1513
|
+
}
|
|
1514
|
+
|
|
1515
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
1516
|
+
height: 19px;
|
|
1517
|
+
width: 19px;
|
|
1518
|
+
cursor: pointer;
|
|
1519
|
+
}
|
|
1520
|
+
|
|
1521
|
+
.video-js.skin_vlone .vjs-play-progress:before {
|
|
1522
|
+
display: none !important;
|
|
1523
|
+
}
|
|
1524
|
+
|
|
1525
|
+
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
1526
|
+
margin: 0 !important;
|
|
1527
|
+
|
|
1528
|
+
}
|
|
1529
|
+
|
|
1530
|
+
|
|
1531
|
+
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
1532
|
+
display: block;
|
|
1533
|
+
flex: 1 1 auto;
|
|
1534
|
+
}
|
|
1535
|
+
|
|
1536
|
+
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1537
|
+
z-index: 1;
|
|
1538
|
+
}
|
|
1539
|
+
|
|
1540
|
+
|
|
1541
|
+
.video-js.skin_vlone .vjs-control-bar {
|
|
1542
|
+
height: 40px;
|
|
1543
|
+
}
|
|
1544
|
+
|
|
1545
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
|
|
1546
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
1547
|
+
position: relative !important;
|
|
1548
|
+
}
|
|
1549
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
|
|
1550
|
+
display: flex;
|
|
1551
|
+
left: 0px;
|
|
1552
|
+
top: -1px;
|
|
1553
|
+
}
|
|
1554
|
+
|
|
1555
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
1556
|
+
font-size: 2em !important;
|
|
1581
1557
|
}
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
font-size: 2.1rem !important;
|
|
1558
|
+
|
|
1559
|
+
.video-js.skin_vlone .vjs-control {
|
|
1560
|
+
width: 4.3em;
|
|
1586
1561
|
}
|
|
1587
1562
|
|
|
1588
|
-
.
|
|
1589
|
-
|
|
1590
|
-
height: 24px;
|
|
1563
|
+
.vjs-menu-button-popup .vjs-menu {
|
|
1564
|
+
bottom: 10px !important;
|
|
1591
1565
|
}
|
|
1592
|
-
|
|
1593
|
-
|
|
1566
|
+
|
|
1567
|
+
|
|
1568
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
|
|
1569
|
+
height: 1.3em !important;
|
|
1570
|
+
position: absolute !important;
|
|
1571
|
+
top: -1.3em !important;
|
|
1572
|
+
transition: height 0.3s, top 0.3s !important;
|
|
1594
1573
|
}
|
|
1595
|
-
|
|
1596
|
-
|
|
1574
|
+
|
|
1575
|
+
|
|
1576
|
+
.video-js.skin_vlone.vjs-live .vjs-time-control{
|
|
1577
|
+
display: none !important;
|
|
1597
1578
|
}
|
|
1598
|
-
|
|
1599
|
-
|
|
1579
|
+
|
|
1580
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
1581
|
+
display: block;
|
|
1600
1582
|
}
|
|
1583
|
+
.video-js.skin_vlone .vjs-remaining-time {
|
|
1584
|
+
display: none;
|
|
1601
1585
|
}
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
align-items: center;
|
|
1608
|
-
border-radius: 50%;
|
|
1609
|
-
position: absolute;
|
|
1610
|
-
top: 0;
|
|
1611
|
-
left: 0;
|
|
1612
|
-
right: 0;
|
|
1613
|
-
bottom: 0;
|
|
1614
|
-
margin: auto;
|
|
1615
|
-
font-size: 6em;
|
|
1616
|
-
line-height: 1.4em;
|
|
1586
|
+
|
|
1587
|
+
.video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
|
|
1588
|
+
line-height: 3.5em;
|
|
1589
|
+
font-size: 1.1em;
|
|
1590
|
+
min-width: 4em;
|
|
1617
1591
|
}
|
|
1618
1592
|
|
|
1619
|
-
.video-js.
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
align-items: center;
|
|
1623
|
-
height: 100%;
|
|
1624
|
-
transition: width 0.1s;
|
|
1593
|
+
.video-js.skin_vlone .vjs-time-divider > div{
|
|
1594
|
+
display: flex;
|
|
1595
|
+
justify-content: center;
|
|
1625
1596
|
}
|
|
1626
1597
|
|
|
1627
|
-
.video-js.
|
|
1628
|
-
|
|
1629
|
-
justify-content: center;
|
|
1630
|
-
align-items: center;
|
|
1631
|
-
height: 100%;
|
|
1632
|
-
transition: width 0.1s;
|
|
1598
|
+
.video-js.skin_vlone .vjs-live-control{
|
|
1599
|
+
align-items: center;
|
|
1633
1600
|
}
|
|
1634
|
-
.video-js.
|
|
1635
|
-
|
|
1601
|
+
.video-js.skin_vlone .vjs-live-display{
|
|
1602
|
+
height: 2.2em;
|
|
1603
|
+
display: flex;
|
|
1604
|
+
align-items: center;
|
|
1605
|
+
font-family: monospace;
|
|
1606
|
+
width: 4em;
|
|
1607
|
+
justify-content: center;
|
|
1608
|
+
background: red;
|
|
1609
|
+
margin: 4px 0px 4px 12px;
|
|
1636
1610
|
}
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
.video-js.skin_news_live button.vjs-big-play-button {
|
|
1643
|
-
width: 50px !important;
|
|
1644
|
-
height: 50px !important;
|
|
1645
|
-
font-size: 2.1rem !important;
|
|
1646
|
-
}
|
|
1647
|
-
|
|
1648
|
-
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1649
|
-
display: none;
|
|
1650
|
-
}
|
|
1651
|
-
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
|
|
1652
|
-
bottom: 2.4em !important;
|
|
1653
|
-
right: -1em;
|
|
1654
|
-
z-index: 1;
|
|
1611
|
+
.video-js.skin_vlone .vjs-live-display.vjs-behind-live{
|
|
1612
|
+
background: #6b6b6b;
|
|
1613
|
+
}
|
|
1614
|
+
.video-js.skin_vlone .vjs-live-display:hover{
|
|
1615
|
+
cursor: pointer;
|
|
1655
1616
|
}
|
|
1656
|
-
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1657
|
-
display: none !important;
|
|
1658
|
-
}
|
|
1659
1617
|
|
|
1618
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
1619
|
+
line-height: 3.5em !important;
|
|
1620
|
+
font-size: 1.1em !important;
|
|
1621
|
+
width: min-content !important;
|
|
1622
|
+
min-width: 1.5em;
|
|
1623
|
+
padding: 0 !important;
|
|
1624
|
+
user-select: none;
|
|
1660
1625
|
}
|
|
1661
1626
|
|
|
1662
|
-
.video-js.
|
|
1663
|
-
|
|
1627
|
+
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
1628
|
+
margin-left: 16px !important;
|
|
1664
1629
|
}
|
|
1665
1630
|
|
|
1666
|
-
.video-js.
|
|
1667
|
-
.video-js.
|
|
1631
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1632
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1668
1633
|
font-size: 1.2em !important;
|
|
1669
1634
|
line-height: 1.5em !important;
|
|
1670
1635
|
padding: 0.2em 0.8em !important;
|
|
1671
1636
|
}
|
|
1672
1637
|
|
|
1673
|
-
.video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
|
|
1674
|
-
content: none !important;
|
|
1675
|
-
fill: none !important;
|
|
1676
|
-
filter: none !important;
|
|
1677
|
-
}
|
|
1678
1638
|
|
|
1679
|
-
|
|
1680
|
-
|
|
1639
|
+
/* Big play */
|
|
1640
|
+
.video-js.skin_vlone.vjs-paused .vjs-big-play-button {
|
|
1641
|
+
width: 80px;
|
|
1642
|
+
height: 80px;
|
|
1643
|
+
display: flex;
|
|
1644
|
+
justify-content: center;
|
|
1645
|
+
align-items: center;
|
|
1646
|
+
border: none;
|
|
1647
|
+
position: absolute;
|
|
1648
|
+
top: 0;
|
|
1649
|
+
left: 0;
|
|
1650
|
+
right: 0;
|
|
1651
|
+
bottom: 0;
|
|
1652
|
+
margin: auto;
|
|
1653
|
+
font-size: 5em;
|
|
1654
|
+
line-height: 1.3em;
|
|
1655
|
+
transform: none !important;
|
|
1656
|
+
border-radius: 1.3em;
|
|
1681
1657
|
}
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1658
|
+
.video-js.skin_vlone .ssai-ad-container{
|
|
1659
|
+
position: absolute;
|
|
1660
|
+
bottom: 4px;
|
|
1685
1661
|
}
|
|
1662
|
+
|
|
1663
|
+
@media(max-width:600px){
|
|
1664
|
+
.video-js.skin_vlone button.vjs-big-play-button {
|
|
1665
|
+
width: 50px !important;
|
|
1666
|
+
height: 50px !important;
|
|
1667
|
+
font-size: 2.1rem !important;
|
|
1668
|
+
}
|
|
1686
1669
|
|
|
1670
|
+
.video-js.skin_vlone .ssai-ad-container {
|
|
1671
|
+
position: absolute;
|
|
1672
|
+
bottom: 2px;
|
|
1673
|
+
}
|
|
1674
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
1675
|
+
display: none;
|
|
1676
|
+
}
|
|
1687
1677
|
|
|
1678
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
|
|
1679
|
+
/* display: none; */
|
|
1680
|
+
}
|
|
1688
1681
|
|
|
1682
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
|
|
1683
|
+
/* display: none; */
|
|
1684
|
+
}
|
|
1685
|
+
}
|
|
1686
|
+
.video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
|
|
1687
|
+
text-decoration: underline;
|
|
1688
|
+
}
|
|
1689
1689
|
|
|
1690
1690
|
.video-js.skin_cn_news .vjs-control-bar {
|
|
1691
1691
|
z-index: 1 !important;
|
|
@@ -2197,10 +2197,6 @@
|
|
|
2197
2197
|
|
|
2198
2198
|
|
|
2199
2199
|
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
2200
|
.video-js .multicamera-parent.default{
|
|
2205
2201
|
height: 345px;
|
|
2206
2202
|
position: absolute;
|
|
@@ -2282,6 +2278,10 @@
|
|
|
2282
2278
|
|
|
2283
2279
|
|
|
2284
2280
|
|
|
2281
|
+
|
|
2282
|
+
|
|
2283
|
+
|
|
2284
|
+
|
|
2285
2285
|
.vjs-custom-big-mute.vjs-control{
|
|
2286
2286
|
position: absolute;
|
|
2287
2287
|
align-items: center;
|
|
@@ -2612,38 +2612,6 @@
|
|
|
2612
2612
|
z-index: 30 !important;
|
|
2613
2613
|
}
|
|
2614
2614
|
|
|
2615
|
-
/* a wrapper element that tracks the mouse vertically */
|
|
2616
|
-
.vjs-thumbnail-holder {
|
|
2617
|
-
position: absolute;
|
|
2618
|
-
left: -1000px;
|
|
2619
|
-
}
|
|
2620
|
-
|
|
2621
|
-
/* the thumbnail image itself */
|
|
2622
|
-
.vjs-thumbnail {
|
|
2623
|
-
position: absolute;
|
|
2624
|
-
left: 0;
|
|
2625
|
-
bottom: 1.3em;
|
|
2626
|
-
opacity: 0;
|
|
2627
|
-
transition: opacity .2s ease;
|
|
2628
|
-
-webkit-transition: opacity .2s ease;
|
|
2629
|
-
-moz-transition: opacity .2s ease;
|
|
2630
|
-
-mz-transition: opacity .2s ease;
|
|
2631
|
-
}
|
|
2632
|
-
|
|
2633
|
-
/* fade in the thumbnail when hovering over the progress bar */
|
|
2634
|
-
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
|
|
2635
|
-
.vjs-progress-control:hover .vjs-thumbnail,
|
|
2636
|
-
.vjs-progress-control.fake-active .vjs-thumbnail,
|
|
2637
|
-
.vjs-progress-control:active .vjs-thumbnail {
|
|
2638
|
-
opacity: 1;
|
|
2639
|
-
}
|
|
2640
|
-
|
|
2641
|
-
/* ... but hide the thumbnail when hovering directly over it */
|
|
2642
|
-
.vjs-progress-control:hover .vjs-thumbnail:hover,
|
|
2643
|
-
.vjs-progress-control:active .vjs-thumbnail:active {
|
|
2644
|
-
opacity: 0;
|
|
2645
|
-
}
|
|
2646
|
-
|
|
2647
2615
|
.video-js.vjs-quality-menu {
|
|
2648
2616
|
display: block;
|
|
2649
2617
|
}
|
|
@@ -2714,6 +2682,38 @@
|
|
|
2714
2682
|
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
|
|
2715
2683
|
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
|
|
2716
2684
|
}
|
|
2685
|
+
/* a wrapper element that tracks the mouse vertically */
|
|
2686
|
+
.vjs-thumbnail-holder {
|
|
2687
|
+
position: absolute;
|
|
2688
|
+
left: -1000px;
|
|
2689
|
+
}
|
|
2690
|
+
|
|
2691
|
+
/* the thumbnail image itself */
|
|
2692
|
+
.vjs-thumbnail {
|
|
2693
|
+
position: absolute;
|
|
2694
|
+
left: 0;
|
|
2695
|
+
bottom: 1.3em;
|
|
2696
|
+
opacity: 0;
|
|
2697
|
+
transition: opacity .2s ease;
|
|
2698
|
+
-webkit-transition: opacity .2s ease;
|
|
2699
|
+
-moz-transition: opacity .2s ease;
|
|
2700
|
+
-mz-transition: opacity .2s ease;
|
|
2701
|
+
}
|
|
2702
|
+
|
|
2703
|
+
/* fade in the thumbnail when hovering over the progress bar */
|
|
2704
|
+
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
|
|
2705
|
+
.vjs-progress-control:hover .vjs-thumbnail,
|
|
2706
|
+
.vjs-progress-control.fake-active .vjs-thumbnail,
|
|
2707
|
+
.vjs-progress-control:active .vjs-thumbnail {
|
|
2708
|
+
opacity: 1;
|
|
2709
|
+
}
|
|
2710
|
+
|
|
2711
|
+
/* ... but hide the thumbnail when hovering directly over it */
|
|
2712
|
+
.vjs-progress-control:hover .vjs-thumbnail:hover,
|
|
2713
|
+
.vjs-progress-control:active .vjs-thumbnail:active {
|
|
2714
|
+
opacity: 0;
|
|
2715
|
+
}
|
|
2716
|
+
|
|
2717
2717
|
.vjs-poster {
|
|
2718
2718
|
display: inline-block;
|
|
2719
2719
|
vertical-align: middle;
|