@viewlift/player-backup 2.0.281-backup → 2.0.282-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-9fbdc74f.js → autoNextVideo-ac28d2b9.js} +1 -1
- package/cjs/bundle.css +655 -442
- package/cjs/{features-f8859d34.js → features-e4017545.js} +1 -1
- package/cjs/generic-b1efe604.js +1 -0
- package/cjs/{index-26f6109d.js → index-14e6e582.js} +1 -1
- package/cjs/index-2082ff2e.js +1 -0
- package/cjs/index.js +1 -1
- package/cjs/{multicamv2-f5c381ea.js → multicamv2-45a773a2.js} +1 -1
- package/cjs/{multicamv2-a8c857c0.js → multicamv2-ccee57f1.js} +1 -1
- package/cjs/{nextEpisodeButton-22aff0b6.js → nextEpisodeButton-53ffc62b.js} +1 -1
- package/cjs/{playlist-50ac0477.js → playlist-4a808d44.js} +1 -1
- package/cjs/{series-0eacee33.js → series-111c723a.js} +1 -1
- package/cjs/{series-v2-3fb02a7f.js → series-v2-c2be6eb6.js} +1 -1
- package/cjs/{series-v2-34cb96e8.js → series-v2-d1d3245e.js} +1 -1
- package/cjs/{skin-fb847fdd.js → skin-09625e52.js} +1 -1
- package/cjs/{skin-336912db.js → skin-0e652a6f.js} +1 -1
- package/cjs/{skin-a9044066.js → skin-104bd7ae.js} +1 -1
- package/cjs/{skin-99d701a6.js → skin-34238400.js} +1 -1
- package/cjs/{skin-23bdc8bd.js → skin-7bdb6fc3.js} +1 -1
- package/cjs/{skin-a4b65803.js → skin-805e035d.js} +1 -1
- package/cjs/{skin-e8eb3086.js → skin-866f8a56.js} +1 -1
- package/cjs/skin-b1f44b2e.js +1 -0
- package/cjs/{skin-6f0565a1.js → skin-d00de581.js} +1 -1
- package/cjs/{util-c398b90f.js → util-5aef53ed.js} +1 -1
- package/cjs/{videoSelector-e513cf31.js → videoSelector-4244724a.js} +1 -1
- package/cjs/{videoSelector-2d4efe7d.js → videoSelector-a445d0f0.js} +1 -1
- package/cjs/{videojs-dash5.es-072614bc.js → videojs-dash5.es-75637b78.js} +1 -1
- package/esm/{autoNextVideo-e9c96046.js → autoNextVideo-ecd9516c.js} +1 -1
- package/esm/bundle.css +655 -442
- package/esm/components/timer/index.d.ts +0 -11
- package/esm/{features-4d3395e8.js → features-c47e31be.js} +1 -1
- package/esm/generic-1dab1dd7.js +1 -0
- package/esm/{index-9d872e44.js → index-d5697b2b.js} +1 -1
- package/esm/index-f75073af.js +1 -0
- package/esm/index.js +1 -1
- package/esm/{multicamv2-fd36882b.js → multicamv2-8732ca5f.js} +1 -1
- package/esm/{multicamv2-8b05d36f.js → multicamv2-f90360ea.js} +1 -1
- package/esm/{nextEpisodeButton-2ec7644f.js → nextEpisodeButton-64117f65.js} +1 -1
- package/esm/{playlist-15eafdff.js → playlist-aaf5934e.js} +1 -1
- package/esm/{series-1cff0897.js → series-1ac7db2b.js} +1 -1
- package/esm/{series-v2-3df88b7c.js → series-v2-9e4bd723.js} +1 -1
- package/esm/{series-v2-ae69aff8.js → series-v2-c9ab640b.js} +1 -1
- package/esm/skin-10791dff.js +1 -0
- package/esm/{skin-1bee4d9e.js → skin-2d1b9dce.js} +1 -1
- package/esm/{skin-69d5e418.js → skin-387ebd2a.js} +1 -1
- package/esm/{skin-2fd02689.js → skin-3f9a9af9.js} +1 -1
- package/esm/{skin-4e2acbb2.js → skin-5ed8cfe9.js} +1 -1
- package/esm/{skin-f17ec26a.js → skin-732ec4f4.js} +1 -1
- package/esm/{skin-cffcda7e.js → skin-747dd47c.js} +1 -1
- package/esm/{skin-28209773.js → skin-b5551178.js} +1 -1
- package/esm/{skin-85fea537.js → skin-b9448ea6.js} +1 -1
- package/esm/{util-3f4a6529.js → util-9cb953bb.js} +1 -1
- package/esm/{videoSelector-3512fb3f.js → videoSelector-6a24a43c.js} +1 -1
- package/esm/{videoSelector-62afd0ea.js → videoSelector-a45d99aa.js} +1 -1
- package/esm/{videojs-dash5.es-e31d9fb5.js → videojs-dash5.es-1a1bf509.js} +1 -1
- package/package.json +2 -5
- package/cjs/generic-75e1dd47.js +0 -1
- package/cjs/index-6c8937c4.js +0 -1
- package/cjs/skin-e33cb58b.js +0 -1
- package/esm/components/text-track-settings/text-track-settings.d.ts +0 -2
- package/esm/generic-0968cac4.js +0 -1
- package/esm/index-7c5fd418.js +0 -1
- package/esm/skin-740d5eef.js +0 -1
- package/esm/utilities/sse.d.ts +0 -11
package/esm/bundle.css
CHANGED
|
@@ -3,26 +3,31 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
.video-js.
|
|
6
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
|
|
7
7
|
font-size: 2.2em;
|
|
8
8
|
line-height: 2.6;
|
|
9
9
|
}
|
|
10
|
-
.video-js.
|
|
11
|
-
|
|
10
|
+
.video-js.skin_news .vjs-custom-big-mute.vjs-control{
|
|
11
|
+
background: white;
|
|
12
12
|
}
|
|
13
|
-
.video-js.
|
|
13
|
+
.video-js.skin_news .vjs-control-bar{
|
|
14
14
|
z-index: 1 !important;
|
|
15
|
-
height:
|
|
15
|
+
height: 5em !important;
|
|
16
16
|
background: black !important;
|
|
17
17
|
}
|
|
18
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
19
|
+
display: flex;
|
|
20
|
+
align-items: center;
|
|
21
|
+
justify-content: center;
|
|
22
|
+
}
|
|
18
23
|
|
|
19
|
-
.video-js.
|
|
24
|
+
.video-js.skin_news .vjs-fade>* {
|
|
20
25
|
visibility: hidden !important;
|
|
21
26
|
opacity: 0 !important;
|
|
22
27
|
transition: visibility 1s, opacity 1s !important;
|
|
23
28
|
}
|
|
24
29
|
|
|
25
|
-
.video-js.
|
|
30
|
+
.video-js.skin_news .custom-spaced-progress-bar {
|
|
26
31
|
position: absolute;
|
|
27
32
|
width: 100%;
|
|
28
33
|
display: flex;
|
|
@@ -30,7 +35,7 @@
|
|
|
30
35
|
top: -0.5em;
|
|
31
36
|
}
|
|
32
37
|
|
|
33
|
-
.video-js.
|
|
38
|
+
.video-js.skin_news .vjs-progress-control {
|
|
34
39
|
/* left: -6px; */
|
|
35
40
|
position: relative;
|
|
36
41
|
width: 100%;
|
|
@@ -41,19 +46,19 @@
|
|
|
41
46
|
|
|
42
47
|
|
|
43
48
|
|
|
44
|
-
.video-js.
|
|
49
|
+
.video-js.skin_news .vjs-custom-control-spacer {
|
|
45
50
|
display: block;
|
|
46
51
|
flex: 1 1 auto;
|
|
47
52
|
}
|
|
48
53
|
|
|
49
|
-
.video-js.
|
|
54
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
50
55
|
margin: 0 0px 0 0px;
|
|
51
56
|
}
|
|
52
|
-
.video-js.
|
|
57
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
53
58
|
display: none;
|
|
54
59
|
}
|
|
55
60
|
|
|
56
|
-
.video-js.
|
|
61
|
+
.video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
57
62
|
font-size: 14px;
|
|
58
63
|
font-weight: 500;
|
|
59
64
|
align-self: center;
|
|
@@ -62,158 +67,143 @@
|
|
|
62
67
|
border-radius: 8px;
|
|
63
68
|
}
|
|
64
69
|
|
|
65
|
-
.video-js.
|
|
66
|
-
height:
|
|
70
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
71
|
+
height: 6px !important;
|
|
67
72
|
}
|
|
68
73
|
|
|
69
|
-
.video-js.
|
|
70
|
-
font-size: 1.
|
|
74
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
75
|
+
font-size: 1.5em;
|
|
71
76
|
line-height: unset;
|
|
72
77
|
top: -0.3333333333em;
|
|
73
78
|
}
|
|
74
79
|
|
|
75
|
-
.video-js.
|
|
80
|
+
.video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
|
|
76
81
|
display: none !important;
|
|
77
82
|
}
|
|
78
83
|
|
|
79
84
|
/* */
|
|
80
|
-
.video-js.
|
|
85
|
+
.video-js.skin_news .vjs-mouse-display{
|
|
81
86
|
font-size: 1.6666666667em;
|
|
82
87
|
}
|
|
83
88
|
|
|
84
|
-
.video-js.
|
|
89
|
+
.video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
|
|
85
90
|
font-size: 1em !important;
|
|
86
91
|
}
|
|
87
92
|
|
|
88
|
-
.video-js.
|
|
89
|
-
width: 3em;
|
|
93
|
+
.video-js.skin_news .vjs-button{
|
|
94
|
+
width: 5.3em;
|
|
90
95
|
display: flex;
|
|
91
96
|
align-items: center;
|
|
92
97
|
justify-content: center;
|
|
93
98
|
}
|
|
94
99
|
|
|
95
100
|
|
|
96
|
-
.video-js.
|
|
101
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
97
102
|
.icon-maximize {
|
|
98
103
|
display: block;
|
|
99
104
|
height: 32px;
|
|
100
105
|
}
|
|
101
106
|
|
|
102
|
-
.video-js.
|
|
107
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
103
108
|
line-height: 4;
|
|
104
109
|
}
|
|
105
110
|
|
|
106
|
-
.video-js.
|
|
111
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
107
112
|
.icon-minimize {
|
|
108
113
|
display: none;
|
|
109
114
|
height: 32px;
|
|
110
115
|
}
|
|
111
116
|
|
|
112
|
-
.video-js.
|
|
117
|
+
.video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
|
|
113
118
|
outline: none !important;
|
|
114
119
|
}
|
|
115
|
-
.video-js.
|
|
120
|
+
.video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
116
121
|
.vjs-icon-fullscreen-enter:before {
|
|
117
122
|
/* content: '' !important; */
|
|
118
123
|
}
|
|
119
124
|
|
|
120
|
-
.video-js.
|
|
125
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
121
126
|
display: flex;
|
|
122
127
|
justify-content: center;
|
|
123
128
|
align-items: center;
|
|
124
129
|
/* transform: rotate(90deg); */
|
|
125
130
|
}
|
|
126
131
|
|
|
127
|
-
.video-js.
|
|
132
|
+
.video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
128
133
|
display: none;
|
|
129
134
|
}
|
|
130
|
-
.video-js.
|
|
135
|
+
.video-js.skin_news .vjs-volume-panel .vjs-volume-control{
|
|
131
136
|
margin-left: -10px;
|
|
132
|
-
display: none;
|
|
133
137
|
}
|
|
134
138
|
|
|
135
|
-
.video-js.
|
|
136
|
-
position: absolute;
|
|
137
|
-
top: 50%;
|
|
138
|
-
left: 50%;
|
|
139
|
-
transform: translate(-50%, -50%);
|
|
140
|
-
opacity: .85;
|
|
141
|
-
text-align: left;
|
|
142
|
-
border: .2em solid rgba(43, 51, 63, .7);
|
|
143
|
-
box-sizing: border-box;
|
|
144
|
-
background-clip: padding-box;
|
|
145
|
-
width: 3em;
|
|
146
|
-
height: 3em;
|
|
147
|
-
border-radius: 50%;
|
|
148
|
-
visibility: hidden;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.video-js.skin_mini .skipbtn:hover{
|
|
139
|
+
.video-js.skin_news .skipbtn:hover{
|
|
152
140
|
cursor: pointer;
|
|
153
141
|
}
|
|
154
142
|
|
|
155
|
-
.video-js.
|
|
143
|
+
.video-js.skin_news .rewindbtn:hover{
|
|
156
144
|
cursor: pointer;
|
|
157
145
|
}
|
|
158
146
|
|
|
159
|
-
.video-js.
|
|
147
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control{
|
|
160
148
|
position: relative;
|
|
161
149
|
padding-left: 0;
|
|
162
150
|
}
|
|
163
151
|
|
|
164
|
-
.video-js.
|
|
165
|
-
|
|
166
|
-
height: 40px;
|
|
167
|
-
display: flex;
|
|
168
|
-
justify-content: center;
|
|
169
|
-
align-items: center;
|
|
170
|
-
border: none;
|
|
171
|
-
position: absolute;
|
|
172
|
-
top: 0;
|
|
173
|
-
left: 0;
|
|
174
|
-
right: 0;
|
|
175
|
-
bottom: 0;
|
|
176
|
-
margin: auto;
|
|
177
|
-
font-size: 3em;
|
|
178
|
-
line-height: 1.3em;
|
|
179
|
-
transform: none !important;
|
|
180
|
-
border-radius: 1.3em;
|
|
152
|
+
.video-js.skin_news.vjs-seeking .vjs-big-play-button{
|
|
153
|
+
display: none !important;
|
|
181
154
|
}
|
|
182
155
|
|
|
183
|
-
.video-js.
|
|
156
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
157
|
+
width: 90px;
|
|
158
|
+
height: 90px;
|
|
159
|
+
display: flex;
|
|
160
|
+
justify-content: center;
|
|
161
|
+
align-items: center;
|
|
162
|
+
border-radius: 50%;
|
|
163
|
+
position: absolute;
|
|
164
|
+
top: 0;
|
|
165
|
+
left: 0;
|
|
166
|
+
right: 0;
|
|
167
|
+
bottom: 0;
|
|
168
|
+
margin: auto;
|
|
169
|
+
font-size: 6em;
|
|
170
|
+
line-height: 1.4em;
|
|
171
|
+
border: 0.05em solid;
|
|
172
|
+
color: inherit;
|
|
173
|
+
}
|
|
174
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
184
175
|
font-weight: bold;
|
|
185
176
|
}
|
|
186
177
|
|
|
187
|
-
.video-js.
|
|
188
|
-
bottom:
|
|
189
|
-
right: 1em;
|
|
178
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content{
|
|
179
|
+
bottom: 2.4em !important;
|
|
180
|
+
right: -1em;
|
|
190
181
|
z-index: 1;
|
|
191
|
-
font-size: 10px;
|
|
192
182
|
}
|
|
193
183
|
|
|
194
|
-
.video-js.
|
|
184
|
+
.video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
|
|
195
185
|
width: 24px !important;
|
|
196
186
|
height: 24px !important;
|
|
197
187
|
}
|
|
198
|
-
.
|
|
188
|
+
.settings-selector-icon>svg{
|
|
199
189
|
height: 19px !important;
|
|
200
190
|
width: 19px !important;
|
|
201
191
|
}
|
|
202
192
|
|
|
203
193
|
|
|
204
|
-
.video-js.
|
|
194
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
205
195
|
cursor: pointer;
|
|
206
196
|
}
|
|
207
197
|
|
|
208
|
-
.video-js.
|
|
198
|
+
.video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
209
199
|
padding-right: 0;
|
|
210
200
|
}
|
|
211
201
|
|
|
212
|
-
.video-js.
|
|
202
|
+
.video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
213
203
|
padding-left: 0;
|
|
214
204
|
}
|
|
215
205
|
|
|
216
|
-
.video-js.
|
|
206
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
217
207
|
padding-left: 0;
|
|
218
208
|
padding-right: 0;
|
|
219
209
|
display: flex;
|
|
@@ -221,48 +211,46 @@
|
|
|
221
211
|
width: min-content;
|
|
222
212
|
}
|
|
223
213
|
|
|
224
|
-
.video-js.
|
|
214
|
+
.video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
|
|
225
215
|
display: none
|
|
226
216
|
}
|
|
227
|
-
.video-js.
|
|
217
|
+
.video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
228
218
|
display: none
|
|
229
219
|
}
|
|
230
220
|
|
|
231
|
-
.video-js.
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
padding-left: 0;
|
|
221
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control {
|
|
222
|
+
display: flex;
|
|
223
|
+
align-items: center;
|
|
224
|
+
font-weight: 700;
|
|
225
|
+
font-size: 12px;
|
|
226
|
+
min-width: 1.2em;
|
|
238
227
|
}
|
|
239
228
|
|
|
240
|
-
.video-js.
|
|
229
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
241
230
|
display: none;
|
|
242
231
|
font-size: 11px;
|
|
243
232
|
justify-content: center;
|
|
244
233
|
align-items: center;
|
|
245
234
|
user-select: none;
|
|
246
235
|
}
|
|
247
|
-
.video-js.
|
|
236
|
+
.video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
248
237
|
display: none;
|
|
249
238
|
}
|
|
250
239
|
|
|
251
|
-
.video-js.
|
|
240
|
+
.video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
252
241
|
height: min-content;
|
|
253
242
|
width: min-content;
|
|
254
243
|
}
|
|
255
|
-
.video-js.
|
|
256
|
-
width:
|
|
257
|
-
margin-right: 4px;
|
|
244
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
245
|
+
width: 6em;
|
|
258
246
|
}
|
|
259
247
|
|
|
260
|
-
.video-js.
|
|
248
|
+
.video-js.skin_news .content{
|
|
261
249
|
bottom: 3.4rem !important;
|
|
262
250
|
right: -4rem !important;
|
|
263
251
|
}
|
|
264
252
|
|
|
265
|
-
.
|
|
253
|
+
.setting-icon > svg{
|
|
266
254
|
height:18px !important;
|
|
267
255
|
}
|
|
268
256
|
|
|
@@ -276,16 +264,15 @@
|
|
|
276
264
|
pointer-events:none
|
|
277
265
|
}
|
|
278
266
|
|
|
279
|
-
.video-js.
|
|
267
|
+
.video-js.skin_news iframe{
|
|
280
268
|
width: 100%;
|
|
281
269
|
height: 100%;
|
|
282
270
|
}
|
|
283
271
|
|
|
284
|
-
.video-js.
|
|
272
|
+
.video-js.skin_news .vjs-live-control{
|
|
285
273
|
align-items: center;
|
|
286
|
-
max-width: 5em;
|
|
287
274
|
}
|
|
288
|
-
.video-js.
|
|
275
|
+
.video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
|
|
289
276
|
height: 2.2em;
|
|
290
277
|
display: flex;
|
|
291
278
|
align-items: center;
|
|
@@ -293,210 +280,277 @@
|
|
|
293
280
|
width: 4em;
|
|
294
281
|
justify-content: center;
|
|
295
282
|
background: red;
|
|
296
|
-
margin: 4px 0px 4px
|
|
283
|
+
margin: 4px 0px 4px 12px;
|
|
297
284
|
}
|
|
298
285
|
|
|
299
|
-
.video-js.
|
|
286
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
|
|
300
287
|
text-shadow: none;
|
|
301
288
|
}
|
|
302
|
-
.video-js.
|
|
289
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
303
290
|
display: none;
|
|
304
291
|
font-size: 12px;
|
|
305
292
|
}
|
|
306
293
|
|
|
307
|
-
.video-js.
|
|
308
|
-
height:
|
|
294
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
295
|
+
height: 2.2em;
|
|
309
296
|
display: inline-flex;
|
|
310
297
|
align-items: center;
|
|
311
|
-
font-family: monospace;
|
|
298
|
+
/* font-family: monospace; */
|
|
312
299
|
justify-content: center;
|
|
313
|
-
border:
|
|
314
|
-
margin: 4px 0px 4px
|
|
300
|
+
border: 2px solid;
|
|
301
|
+
margin: 4px 0px 4px 6px;
|
|
315
302
|
white-space: pre;
|
|
316
|
-
padding:
|
|
303
|
+
padding: 0px 6px;
|
|
317
304
|
font-size: 1.2em;
|
|
318
305
|
font-weight: 500;
|
|
319
306
|
color: rgba(255, 255, 2555, 0.7);
|
|
307
|
+
|
|
308
|
+
letter-spacing: -.1px;
|
|
309
|
+
line-height: normal;
|
|
310
|
+
text-transform: uppercase;
|
|
311
|
+
color: #FFFFFF;
|
|
312
|
+
opacity: .7;
|
|
313
|
+
font-family: "Proxima Nova";
|
|
320
314
|
}
|
|
321
315
|
|
|
322
|
-
.video-js.
|
|
316
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
|
|
317
|
+
opacity: 1;
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
323
321
|
content: "NOT LIVE";
|
|
324
|
-
word-spacing: -4px;
|
|
325
322
|
}
|
|
326
323
|
|
|
324
|
+
.settings-selection.vjs-control.vjs-button{
|
|
325
|
+
display: flex !important;
|
|
326
|
+
}
|
|
327
327
|
|
|
328
|
-
@media(max-width:
|
|
328
|
+
@media(max-width:576px){
|
|
329
|
+
.settings-selection.vjs-control.vjs-button{
|
|
330
|
+
display: none !important;
|
|
331
|
+
}
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
|
|
335
|
+
@media(max-width:576px){
|
|
329
336
|
.tvProviderImage{
|
|
330
337
|
display: none
|
|
331
338
|
}
|
|
332
|
-
.video-js.
|
|
339
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
333
340
|
.icon-maximize {
|
|
334
341
|
height: 30px !important;
|
|
335
342
|
}
|
|
336
343
|
|
|
337
|
-
.video-js.
|
|
344
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
338
345
|
.icon-minimize {
|
|
339
346
|
height: 30px !important;
|
|
340
347
|
}
|
|
341
|
-
.video-js.
|
|
342
|
-
width:
|
|
348
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
349
|
+
width: 4.5em;
|
|
343
350
|
}
|
|
344
|
-
.video-js.
|
|
351
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
345
352
|
height: min-content;
|
|
346
353
|
}
|
|
347
354
|
|
|
348
|
-
.video-js.
|
|
355
|
+
.video-js.skin_news button.vjs-slowmo-button{
|
|
349
356
|
display: none;
|
|
350
357
|
}
|
|
351
|
-
.video-js.
|
|
358
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
352
359
|
display: none;
|
|
353
360
|
}
|
|
354
|
-
.video-js.
|
|
361
|
+
.video-js.skin_news button.vjs-rewind-button>svg{
|
|
355
362
|
height: 20px;
|
|
356
363
|
}
|
|
357
|
-
.video-js.
|
|
358
|
-
width:
|
|
364
|
+
.video-js.skin_news .vjs-button{
|
|
365
|
+
width: 4.8em;
|
|
359
366
|
}
|
|
360
|
-
.video-js.
|
|
367
|
+
.video-js.skin_news .widget-selection{
|
|
361
368
|
display: none;
|
|
362
369
|
}
|
|
363
|
-
.video-js.
|
|
370
|
+
.video-js.skin_news .container{
|
|
364
371
|
display: none !important;
|
|
365
372
|
}
|
|
366
|
-
.video-js.
|
|
373
|
+
.video-js.skin_news .vjs-control-bar{
|
|
367
374
|
height: 4em !important;
|
|
368
375
|
}
|
|
369
|
-
.video-js.
|
|
376
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
|
|
370
377
|
font-size: 2.5em;
|
|
371
378
|
line-height: 1.5;
|
|
372
379
|
}
|
|
373
|
-
.video-js.
|
|
380
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
374
381
|
font-size: 1.2em;
|
|
375
382
|
position: absolute;
|
|
376
383
|
right: -0.5em;
|
|
377
384
|
z-index: 1;
|
|
378
385
|
}
|
|
379
|
-
.video-js.
|
|
386
|
+
.video-js.skin_news button.vjs-skip-button>svg{
|
|
380
387
|
height: 20px;
|
|
381
388
|
}
|
|
389
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
390
|
+
width: 50px !important;
|
|
391
|
+
height: 50px !important;
|
|
392
|
+
font-size: 2.1rem !important;
|
|
393
|
+
}
|
|
382
394
|
|
|
383
395
|
.stream-selector-icon>svg{
|
|
384
396
|
width: 24px;
|
|
385
397
|
height: 24px;
|
|
386
398
|
}
|
|
387
|
-
.video-js.
|
|
388
|
-
|
|
399
|
+
.video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
400
|
+
margin: 0 12px 0 12px;
|
|
389
401
|
}
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
color: white !important;
|
|
393
|
-
font-size: 16px !important;
|
|
394
|
-
background-color: rgba(0,0,0,0.2) !important;
|
|
395
|
-
}
|
|
402
|
+
.video-js.skin_news .vjs-seek-to-live-text{
|
|
403
|
+
font-size: 12px;
|
|
396
404
|
}
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
color: white !important;
|
|
400
|
-
font-size: 16px !important;
|
|
401
|
-
background-color: rgba(0,0,0,0.2) !important;
|
|
405
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
406
|
+
margin: 0 12px 0 12px;
|
|
402
407
|
}
|
|
403
|
-
|
|
404
|
-
.video-js.skin_mini .vjs-text-track-display-ttml p {
|
|
405
|
-
font-size: 18px !important;
|
|
406
408
|
}
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
409
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
410
|
+
width: 90px;
|
|
411
|
+
height: 90px;
|
|
412
|
+
display: flex;
|
|
413
|
+
justify-content: center;
|
|
414
|
+
align-items: center;
|
|
415
|
+
border-radius: 50%;
|
|
416
|
+
position: absolute;
|
|
417
|
+
top: 0;
|
|
418
|
+
left: 0;
|
|
419
|
+
right: 0;
|
|
420
|
+
bottom: 0;
|
|
421
|
+
margin: auto;
|
|
422
|
+
font-size: 6em;
|
|
423
|
+
line-height: 1.4em;
|
|
410
424
|
}
|
|
411
425
|
|
|
412
|
-
|
|
413
|
-
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
426
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
414
427
|
display: flex;
|
|
415
428
|
justify-content: center;
|
|
416
429
|
align-items: center;
|
|
417
430
|
height: 100%;
|
|
418
431
|
transition: width 0.1s;
|
|
419
432
|
}
|
|
420
|
-
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
421
|
-
margin: 2px;
|
|
422
|
-
}
|
|
423
433
|
|
|
424
|
-
.video-js.
|
|
434
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
425
435
|
display: flex;
|
|
426
436
|
justify-content: center;
|
|
427
437
|
align-items: center;
|
|
428
438
|
height: 100%;
|
|
429
439
|
transition: width 0.1s;
|
|
430
440
|
}
|
|
431
|
-
.video-js.
|
|
432
|
-
display:
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
margin: 0;
|
|
441
|
+
.video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
442
|
+
display: none !important;
|
|
443
|
+
}
|
|
444
|
+
.video-js.skin_news .ssai-ad-container{
|
|
445
|
+
position: absolute;
|
|
446
|
+
bottom: 14px;
|
|
438
447
|
}
|
|
439
448
|
|
|
440
|
-
@media (max-width:
|
|
441
|
-
.video-js.
|
|
449
|
+
@media (max-width: 576px) {
|
|
450
|
+
.video-js.skin_news .ssai-ad-container{
|
|
451
|
+
bottom: 2px;
|
|
452
|
+
}
|
|
453
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
442
454
|
height: 5px !important;
|
|
443
455
|
}
|
|
456
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
457
|
+
width: 50px !important;
|
|
458
|
+
height: 50px !important;
|
|
459
|
+
font-size: 2.1rem !important;
|
|
460
|
+
}
|
|
444
461
|
|
|
445
|
-
.
|
|
462
|
+
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
446
463
|
display: none;
|
|
447
464
|
}
|
|
465
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
466
|
+
bottom: 2.4em !important;
|
|
467
|
+
right: -1em;
|
|
468
|
+
z-index: 1;
|
|
469
|
+
}
|
|
470
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
471
|
+
display: none !important;
|
|
472
|
+
}
|
|
448
473
|
|
|
474
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
475
|
+
color: white !important;
|
|
476
|
+
font-size: 13px !important;
|
|
477
|
+
background-color: black !important;
|
|
478
|
+
}
|
|
449
479
|
}
|
|
450
480
|
|
|
451
|
-
.video-js.
|
|
481
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
482
|
+
color: white !important;
|
|
483
|
+
font-size: 16px !important;
|
|
484
|
+
background-color: black !important;
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
488
|
+
margin-bottom: 2rem !important;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
492
|
+
font-size: 18px !important;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
|
|
496
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
497
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
498
|
+
font-size: 1.2em !important;
|
|
499
|
+
line-height: 1.5em !important;
|
|
500
|
+
padding: 0.2em 0.8em !important;
|
|
501
|
+
}
|
|
502
|
+
|
|
503
|
+
.video-js.skin_news .vjs-control-bar .vjs-svg-icon{
|
|
452
504
|
content: none !important;
|
|
453
505
|
fill: none !important;
|
|
454
506
|
filter: none !important;
|
|
455
507
|
}
|
|
456
508
|
|
|
457
509
|
/* svg icons opacity and hover effect */
|
|
458
|
-
.video-js.
|
|
510
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
|
|
459
511
|
opacity: 0.7 !important;
|
|
460
512
|
}
|
|
461
513
|
|
|
462
|
-
.video-js.
|
|
514
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
515
|
+
opacity: 1 !important;
|
|
516
|
+
}
|
|
517
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
518
|
+
opacity: 0.7 !important;
|
|
519
|
+
}
|
|
520
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
463
521
|
opacity: 1 !important;
|
|
464
522
|
}
|
|
465
523
|
|
|
466
|
-
.video-js.
|
|
524
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
467
525
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
468
526
|
}
|
|
469
527
|
|
|
470
|
-
.video-js.
|
|
528
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
471
529
|
color: rgba(255, 255, 2555, 1)!important;
|
|
472
530
|
}
|
|
473
531
|
|
|
474
532
|
|
|
475
|
-
|
|
533
|
+
|
|
534
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
|
|
476
535
|
font-size: 2.2em;
|
|
477
536
|
line-height: 2.6;
|
|
478
537
|
}
|
|
479
|
-
.video-js.
|
|
480
|
-
|
|
538
|
+
.video-js.skin_mini{
|
|
539
|
+
overflow: hidden;
|
|
481
540
|
}
|
|
482
|
-
.video-js.
|
|
541
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
483
542
|
z-index: 1 !important;
|
|
484
|
-
height:
|
|
543
|
+
height: 4em !important;
|
|
485
544
|
background: black !important;
|
|
486
545
|
}
|
|
487
|
-
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
488
|
-
display: flex;
|
|
489
|
-
align-items: center;
|
|
490
|
-
justify-content: center;
|
|
491
|
-
}
|
|
492
546
|
|
|
493
|
-
.video-js.
|
|
547
|
+
.video-js.skin_mini .vjs-fade>* {
|
|
494
548
|
visibility: hidden !important;
|
|
495
549
|
opacity: 0 !important;
|
|
496
550
|
transition: visibility 1s, opacity 1s !important;
|
|
497
551
|
}
|
|
498
552
|
|
|
499
|
-
.video-js.
|
|
553
|
+
.video-js.skin_mini .custom-spaced-progress-bar {
|
|
500
554
|
position: absolute;
|
|
501
555
|
width: 100%;
|
|
502
556
|
display: flex;
|
|
@@ -504,7 +558,7 @@
|
|
|
504
558
|
top: -0.5em;
|
|
505
559
|
}
|
|
506
560
|
|
|
507
|
-
.video-js.
|
|
561
|
+
.video-js.skin_mini .vjs-progress-control {
|
|
508
562
|
/* left: -6px; */
|
|
509
563
|
position: relative;
|
|
510
564
|
width: 100%;
|
|
@@ -515,19 +569,19 @@
|
|
|
515
569
|
|
|
516
570
|
|
|
517
571
|
|
|
518
|
-
.video-js.
|
|
572
|
+
.video-js.skin_mini .vjs-custom-control-spacer {
|
|
519
573
|
display: block;
|
|
520
574
|
flex: 1 1 auto;
|
|
521
575
|
}
|
|
522
576
|
|
|
523
|
-
.video-js.
|
|
577
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
|
|
524
578
|
margin: 0 0px 0 0px;
|
|
525
579
|
}
|
|
526
|
-
.video-js.
|
|
580
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
527
581
|
display: none;
|
|
528
582
|
}
|
|
529
583
|
|
|
530
|
-
.video-js.
|
|
584
|
+
.video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
531
585
|
font-size: 14px;
|
|
532
586
|
font-weight: 500;
|
|
533
587
|
align-self: center;
|
|
@@ -536,143 +590,158 @@
|
|
|
536
590
|
border-radius: 8px;
|
|
537
591
|
}
|
|
538
592
|
|
|
539
|
-
.video-js.
|
|
540
|
-
height:
|
|
593
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
594
|
+
height: 5px !important;
|
|
541
595
|
}
|
|
542
596
|
|
|
543
|
-
.video-js.
|
|
544
|
-
font-size: 1.
|
|
597
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
598
|
+
font-size: 1.3em;
|
|
545
599
|
line-height: unset;
|
|
546
600
|
top: -0.3333333333em;
|
|
547
601
|
}
|
|
548
602
|
|
|
549
|
-
.video-js.
|
|
603
|
+
.video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
|
|
550
604
|
display: none !important;
|
|
551
605
|
}
|
|
552
606
|
|
|
553
607
|
/* */
|
|
554
|
-
.video-js.
|
|
608
|
+
.video-js.skin_mini .vjs-mouse-display{
|
|
555
609
|
font-size: 1.6666666667em;
|
|
556
610
|
}
|
|
557
611
|
|
|
558
|
-
.video-js.
|
|
612
|
+
.video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
|
|
559
613
|
font-size: 1em !important;
|
|
560
614
|
}
|
|
561
615
|
|
|
562
|
-
.video-js.
|
|
563
|
-
width:
|
|
616
|
+
.video-js.skin_mini .vjs-button{
|
|
617
|
+
width: 3em;
|
|
564
618
|
display: flex;
|
|
565
619
|
align-items: center;
|
|
566
620
|
justify-content: center;
|
|
567
621
|
}
|
|
568
622
|
|
|
569
623
|
|
|
570
|
-
.video-js.
|
|
624
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
571
625
|
.icon-maximize {
|
|
572
626
|
display: block;
|
|
573
627
|
height: 32px;
|
|
574
628
|
}
|
|
575
629
|
|
|
576
|
-
.video-js.
|
|
630
|
+
.video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
|
|
577
631
|
line-height: 4;
|
|
578
632
|
}
|
|
579
633
|
|
|
580
|
-
.video-js.
|
|
634
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
581
635
|
.icon-minimize {
|
|
582
636
|
display: none;
|
|
583
637
|
height: 32px;
|
|
584
638
|
}
|
|
585
639
|
|
|
586
|
-
.video-js.
|
|
640
|
+
.video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
|
|
587
641
|
outline: none !important;
|
|
588
642
|
}
|
|
589
|
-
.video-js.
|
|
643
|
+
.video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
590
644
|
.vjs-icon-fullscreen-enter:before {
|
|
591
645
|
/* content: '' !important; */
|
|
592
646
|
}
|
|
593
647
|
|
|
594
|
-
.video-js.
|
|
648
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
595
649
|
display: flex;
|
|
596
650
|
justify-content: center;
|
|
597
651
|
align-items: center;
|
|
598
652
|
/* transform: rotate(90deg); */
|
|
599
653
|
}
|
|
600
654
|
|
|
601
|
-
.video-js.
|
|
655
|
+
.video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
602
656
|
display: none;
|
|
603
657
|
}
|
|
604
|
-
.video-js.
|
|
658
|
+
.video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
|
|
605
659
|
margin-left: -10px;
|
|
660
|
+
display: none;
|
|
606
661
|
}
|
|
607
662
|
|
|
608
|
-
.video-js.
|
|
663
|
+
.video-js.skin_mini .vjs-loading-spinner {
|
|
664
|
+
position: absolute;
|
|
665
|
+
top: 50%;
|
|
666
|
+
left: 50%;
|
|
667
|
+
transform: translate(-50%, -50%);
|
|
668
|
+
opacity: .85;
|
|
669
|
+
text-align: left;
|
|
670
|
+
border: .2em solid rgba(43, 51, 63, .7);
|
|
671
|
+
box-sizing: border-box;
|
|
672
|
+
background-clip: padding-box;
|
|
673
|
+
width: 3em;
|
|
674
|
+
height: 3em;
|
|
675
|
+
border-radius: 50%;
|
|
676
|
+
visibility: hidden;
|
|
677
|
+
}
|
|
678
|
+
|
|
679
|
+
.video-js.skin_mini .skipbtn:hover{
|
|
609
680
|
cursor: pointer;
|
|
610
681
|
}
|
|
611
682
|
|
|
612
|
-
.video-js.
|
|
683
|
+
.video-js.skin_mini .rewindbtn:hover{
|
|
613
684
|
cursor: pointer;
|
|
614
685
|
}
|
|
615
686
|
|
|
616
|
-
.video-js.
|
|
687
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
|
|
617
688
|
position: relative;
|
|
618
689
|
padding-left: 0;
|
|
619
690
|
}
|
|
620
691
|
|
|
621
|
-
.video-js.
|
|
622
|
-
|
|
692
|
+
.video-js.skin_mini.vjs-paused .vjs-big-play-button {
|
|
693
|
+
width: 40px;
|
|
694
|
+
height: 40px;
|
|
695
|
+
display: flex;
|
|
696
|
+
justify-content: center;
|
|
697
|
+
align-items: center;
|
|
698
|
+
border: none;
|
|
699
|
+
position: absolute;
|
|
700
|
+
top: 0;
|
|
701
|
+
left: 0;
|
|
702
|
+
right: 0;
|
|
703
|
+
bottom: 0;
|
|
704
|
+
margin: auto;
|
|
705
|
+
font-size: 3em;
|
|
706
|
+
line-height: 1.3em;
|
|
707
|
+
transform: none !important;
|
|
708
|
+
border-radius: 1.3em;
|
|
623
709
|
}
|
|
624
710
|
|
|
625
|
-
.video-js.
|
|
626
|
-
width: 90px;
|
|
627
|
-
height: 90px;
|
|
628
|
-
display: flex;
|
|
629
|
-
justify-content: center;
|
|
630
|
-
align-items: center;
|
|
631
|
-
border-radius: 50%;
|
|
632
|
-
position: absolute;
|
|
633
|
-
top: 0;
|
|
634
|
-
left: 0;
|
|
635
|
-
right: 0;
|
|
636
|
-
bottom: 0;
|
|
637
|
-
margin: auto;
|
|
638
|
-
font-size: 6em;
|
|
639
|
-
line-height: 1.4em;
|
|
640
|
-
border: 0.05em solid;
|
|
641
|
-
color: inherit;
|
|
642
|
-
}
|
|
643
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
711
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
644
712
|
font-weight: bold;
|
|
645
713
|
}
|
|
646
714
|
|
|
647
|
-
.video-js.
|
|
648
|
-
bottom:
|
|
649
|
-
right:
|
|
715
|
+
.video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
|
|
716
|
+
bottom: 1.1em !important;
|
|
717
|
+
right: 1em;
|
|
650
718
|
z-index: 1;
|
|
719
|
+
font-size: 10px;
|
|
651
720
|
}
|
|
652
721
|
|
|
653
|
-
.video-js.
|
|
722
|
+
.video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
|
|
654
723
|
width: 24px !important;
|
|
655
724
|
height: 24px !important;
|
|
656
725
|
}
|
|
657
|
-
.settings-selector-icon>svg{
|
|
726
|
+
.video-js.skin_mini .settings-selector-icon>svg{
|
|
658
727
|
height: 19px !important;
|
|
659
728
|
width: 19px !important;
|
|
660
729
|
}
|
|
661
730
|
|
|
662
731
|
|
|
663
|
-
.video-js.
|
|
732
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
664
733
|
cursor: pointer;
|
|
665
734
|
}
|
|
666
735
|
|
|
667
|
-
.video-js.
|
|
736
|
+
.video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
668
737
|
padding-right: 0;
|
|
669
738
|
}
|
|
670
739
|
|
|
671
|
-
.video-js.
|
|
740
|
+
.video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
672
741
|
padding-left: 0;
|
|
673
742
|
}
|
|
674
743
|
|
|
675
|
-
.video-js.
|
|
744
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
676
745
|
padding-left: 0;
|
|
677
746
|
padding-right: 0;
|
|
678
747
|
display: flex;
|
|
@@ -680,46 +749,48 @@
|
|
|
680
749
|
width: min-content;
|
|
681
750
|
}
|
|
682
751
|
|
|
683
|
-
.video-js.
|
|
752
|
+
.video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
|
|
684
753
|
display: none
|
|
685
754
|
}
|
|
686
|
-
.video-js.
|
|
755
|
+
.video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
687
756
|
display: none
|
|
688
757
|
}
|
|
689
758
|
|
|
690
|
-
.video-js.
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
759
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control {
|
|
760
|
+
display: flex;
|
|
761
|
+
align-items: center;
|
|
762
|
+
font-weight: 700;
|
|
763
|
+
font-size: 9px;
|
|
764
|
+
min-width: 0.8em;
|
|
765
|
+
padding-left: 0;
|
|
696
766
|
}
|
|
697
767
|
|
|
698
|
-
.video-js.
|
|
768
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
699
769
|
display: none;
|
|
700
770
|
font-size: 11px;
|
|
701
771
|
justify-content: center;
|
|
702
772
|
align-items: center;
|
|
703
773
|
user-select: none;
|
|
704
774
|
}
|
|
705
|
-
.video-js.
|
|
775
|
+
.video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
706
776
|
display: none;
|
|
707
777
|
}
|
|
708
778
|
|
|
709
|
-
.video-js.
|
|
779
|
+
.video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
710
780
|
height: min-content;
|
|
711
781
|
width: min-content;
|
|
712
782
|
}
|
|
713
|
-
.video-js.
|
|
714
|
-
width:
|
|
783
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
784
|
+
width: 3em;
|
|
785
|
+
margin-right: 4px;
|
|
715
786
|
}
|
|
716
787
|
|
|
717
|
-
.video-js.
|
|
788
|
+
.video-js.skin_mini .content{
|
|
718
789
|
bottom: 3.4rem !important;
|
|
719
790
|
right: -4rem !important;
|
|
720
791
|
}
|
|
721
792
|
|
|
722
|
-
.setting-icon > svg{
|
|
793
|
+
.video-js.skin_mini .setting-icon > svg{
|
|
723
794
|
height:18px !important;
|
|
724
795
|
}
|
|
725
796
|
|
|
@@ -733,15 +804,16 @@
|
|
|
733
804
|
pointer-events:none
|
|
734
805
|
}
|
|
735
806
|
|
|
736
|
-
.video-js.
|
|
807
|
+
.video-js.skin_mini iframe{
|
|
737
808
|
width: 100%;
|
|
738
809
|
height: 100%;
|
|
739
810
|
}
|
|
740
811
|
|
|
741
|
-
.video-js.
|
|
812
|
+
.video-js.skin_mini .vjs-live-control{
|
|
742
813
|
align-items: center;
|
|
814
|
+
max-width: 5em;
|
|
743
815
|
}
|
|
744
|
-
.video-js.
|
|
816
|
+
.video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
|
|
745
817
|
height: 2.2em;
|
|
746
818
|
display: flex;
|
|
747
819
|
align-items: center;
|
|
@@ -749,252 +821,181 @@
|
|
|
749
821
|
width: 4em;
|
|
750
822
|
justify-content: center;
|
|
751
823
|
background: red;
|
|
752
|
-
margin: 4px 0px 4px
|
|
824
|
+
margin: 4px 0px 4px 2px;
|
|
753
825
|
}
|
|
754
826
|
|
|
755
|
-
.video-js.
|
|
827
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
|
|
756
828
|
text-shadow: none;
|
|
757
829
|
}
|
|
758
|
-
.video-js.
|
|
830
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
759
831
|
display: none;
|
|
760
832
|
font-size: 12px;
|
|
761
833
|
}
|
|
762
834
|
|
|
763
|
-
.video-js.
|
|
764
|
-
height:
|
|
835
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
836
|
+
height: 1.8em;
|
|
765
837
|
display: inline-flex;
|
|
766
838
|
align-items: center;
|
|
767
|
-
|
|
839
|
+
font-family: monospace;
|
|
768
840
|
justify-content: center;
|
|
769
|
-
border:
|
|
770
|
-
margin: 4px 0px 4px
|
|
841
|
+
border: 1.5px solid;
|
|
842
|
+
margin: 4px 0px 4px 2px;
|
|
771
843
|
white-space: pre;
|
|
772
|
-
padding:
|
|
844
|
+
padding: 2px 4px;
|
|
773
845
|
font-size: 1.2em;
|
|
774
846
|
font-weight: 500;
|
|
775
847
|
color: rgba(255, 255, 2555, 0.7);
|
|
776
|
-
|
|
777
|
-
letter-spacing: -.1px;
|
|
778
|
-
line-height: normal;
|
|
779
|
-
text-transform: uppercase;
|
|
780
|
-
color: #FFFFFF;
|
|
781
|
-
opacity: .7;
|
|
782
|
-
font-family: "Proxima Nova";
|
|
783
848
|
}
|
|
784
849
|
|
|
785
|
-
.video-js.
|
|
786
|
-
opacity: 1;
|
|
787
|
-
}
|
|
788
|
-
|
|
789
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
850
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
790
851
|
content: "NOT LIVE";
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
.settings-selection.vjs-control.vjs-button{
|
|
794
|
-
display: flex !important;
|
|
795
|
-
}
|
|
796
|
-
|
|
797
|
-
@media(max-width:576px){
|
|
798
|
-
.settings-selection.vjs-control.vjs-button{
|
|
799
|
-
display: none !important;
|
|
800
|
-
}
|
|
852
|
+
word-spacing: -4px;
|
|
801
853
|
}
|
|
802
854
|
|
|
803
855
|
|
|
804
|
-
@media(max-width:
|
|
856
|
+
@media(max-width:600px){
|
|
805
857
|
.tvProviderImage{
|
|
806
858
|
display: none
|
|
807
859
|
}
|
|
808
|
-
.video-js.
|
|
860
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
809
861
|
.icon-maximize {
|
|
810
862
|
height: 30px !important;
|
|
811
863
|
}
|
|
812
864
|
|
|
813
|
-
.video-js.
|
|
865
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
814
866
|
.icon-minimize {
|
|
815
867
|
height: 30px !important;
|
|
816
868
|
}
|
|
817
|
-
.video-js.
|
|
818
|
-
width:
|
|
869
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
870
|
+
width: 3.5em;
|
|
819
871
|
}
|
|
820
|
-
.video-js.
|
|
872
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
821
873
|
height: min-content;
|
|
822
874
|
}
|
|
823
875
|
|
|
824
|
-
.video-js.
|
|
876
|
+
.video-js.skin_mini button.vjs-slowmo-button{
|
|
825
877
|
display: none;
|
|
826
878
|
}
|
|
827
|
-
.video-js.
|
|
879
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
828
880
|
display: none;
|
|
829
881
|
}
|
|
830
|
-
.video-js.
|
|
882
|
+
.video-js.skin_mini button.vjs-rewind-button>svg{
|
|
831
883
|
height: 20px;
|
|
832
884
|
}
|
|
833
|
-
.video-js.
|
|
834
|
-
width:
|
|
885
|
+
.video-js.skin_mini .vjs-button{
|
|
886
|
+
width: 3em;
|
|
835
887
|
}
|
|
836
|
-
.video-js.
|
|
888
|
+
.video-js.skin_mini .widget-selection{
|
|
837
889
|
display: none;
|
|
838
890
|
}
|
|
839
|
-
.video-js.
|
|
891
|
+
.video-js.skin_mini .container{
|
|
840
892
|
display: none !important;
|
|
841
893
|
}
|
|
842
|
-
.video-js.
|
|
894
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
843
895
|
height: 4em !important;
|
|
844
896
|
}
|
|
845
|
-
.video-js.
|
|
897
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
|
|
846
898
|
font-size: 2.5em;
|
|
847
899
|
line-height: 1.5;
|
|
848
900
|
}
|
|
849
|
-
.video-js.
|
|
901
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
850
902
|
font-size: 1.2em;
|
|
851
903
|
position: absolute;
|
|
852
904
|
right: -0.5em;
|
|
853
905
|
z-index: 1;
|
|
854
906
|
}
|
|
855
|
-
.video-js.
|
|
907
|
+
.video-js.skin_mini button.vjs-skip-button>svg{
|
|
856
908
|
height: 20px;
|
|
857
909
|
}
|
|
858
|
-
.video-js.skin_news button.vjs-big-play-button {
|
|
859
|
-
width: 50px !important;
|
|
860
|
-
height: 50px !important;
|
|
861
|
-
font-size: 2.1rem !important;
|
|
862
|
-
}
|
|
863
910
|
|
|
864
911
|
.stream-selector-icon>svg{
|
|
865
912
|
width: 24px;
|
|
866
913
|
height: 24px;
|
|
867
914
|
}
|
|
868
|
-
.video-js.
|
|
869
|
-
margin: 0 12px 0 12px;
|
|
870
|
-
}
|
|
871
|
-
.video-js.skin_news .vjs-seek-to-live-text{
|
|
915
|
+
.video-js.skin_mini .vjs-seek-to-live-text{
|
|
872
916
|
font-size: 12px;
|
|
873
917
|
}
|
|
874
|
-
|
|
875
|
-
|
|
918
|
+
|
|
919
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
920
|
+
color: white !important;
|
|
921
|
+
font-size: 16px !important;
|
|
922
|
+
background-color: rgba(0,0,0,0.2) !important;
|
|
923
|
+
}
|
|
876
924
|
}
|
|
925
|
+
|
|
926
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
927
|
+
color: white !important;
|
|
928
|
+
font-size: 16px !important;
|
|
929
|
+
background-color: rgba(0,0,0,0.2) !important;
|
|
877
930
|
}
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
display: flex;
|
|
882
|
-
justify-content: center;
|
|
883
|
-
align-items: center;
|
|
884
|
-
border-radius: 50%;
|
|
885
|
-
position: absolute;
|
|
886
|
-
top: 0;
|
|
887
|
-
left: 0;
|
|
888
|
-
right: 0;
|
|
889
|
-
bottom: 0;
|
|
890
|
-
margin: auto;
|
|
891
|
-
font-size: 6em;
|
|
892
|
-
line-height: 1.4em;
|
|
931
|
+
|
|
932
|
+
.video-js.skin_mini .vjs-text-track-display-ttml p {
|
|
933
|
+
font-size: 18px !important;
|
|
893
934
|
}
|
|
894
935
|
|
|
895
|
-
.video-js.
|
|
936
|
+
.video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
937
|
+
margin-bottom: 1rem !important;
|
|
938
|
+
}
|
|
939
|
+
|
|
940
|
+
|
|
941
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
896
942
|
display: flex;
|
|
897
943
|
justify-content: center;
|
|
898
944
|
align-items: center;
|
|
899
945
|
height: 100%;
|
|
900
946
|
transition: width 0.1s;
|
|
901
947
|
}
|
|
948
|
+
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
949
|
+
margin: 2px;
|
|
950
|
+
}
|
|
902
951
|
|
|
903
|
-
.video-js.
|
|
952
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
904
953
|
display: flex;
|
|
905
954
|
justify-content: center;
|
|
906
955
|
align-items: center;
|
|
907
956
|
height: 100%;
|
|
908
957
|
transition: width 0.1s;
|
|
909
958
|
}
|
|
910
|
-
.video-js.
|
|
911
|
-
display:
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
959
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
|
|
960
|
+
display: grid;
|
|
961
|
+
font-size: 10px;
|
|
962
|
+
grid-template-columns: 1fr;
|
|
963
|
+
grid-template-rows: 1fr;
|
|
964
|
+
padding: 1px 0px 0 0px;
|
|
965
|
+
margin: 0;
|
|
916
966
|
}
|
|
917
967
|
|
|
918
|
-
@media (max-width:
|
|
919
|
-
.video-js.
|
|
920
|
-
bottom: 2px;
|
|
921
|
-
}
|
|
922
|
-
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
968
|
+
@media (max-width: 600px) {
|
|
969
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
923
970
|
height: 5px !important;
|
|
924
971
|
}
|
|
925
|
-
.video-js.skin_news button.vjs-big-play-button {
|
|
926
|
-
width: 50px !important;
|
|
927
|
-
height: 50px !important;
|
|
928
|
-
font-size: 2.1rem !important;
|
|
929
|
-
}
|
|
930
972
|
|
|
931
|
-
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
973
|
+
.video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
932
974
|
display: none;
|
|
933
975
|
}
|
|
934
|
-
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
935
|
-
bottom: 2.4em !important;
|
|
936
|
-
right: -1em;
|
|
937
|
-
z-index: 1;
|
|
938
|
-
}
|
|
939
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
940
|
-
display: none !important;
|
|
941
|
-
}
|
|
942
|
-
|
|
943
|
-
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
944
|
-
color: white !important;
|
|
945
|
-
font-size: 13px !important;
|
|
946
|
-
background-color: black !important;
|
|
947
|
-
}
|
|
948
|
-
}
|
|
949
|
-
|
|
950
|
-
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
951
|
-
color: white !important;
|
|
952
|
-
font-size: 16px !important;
|
|
953
|
-
background-color: black !important;
|
|
954
|
-
}
|
|
955
|
-
|
|
956
|
-
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
957
|
-
margin-bottom: 2rem !important;
|
|
958
|
-
}
|
|
959
|
-
|
|
960
|
-
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
961
|
-
font-size: 18px !important;
|
|
962
|
-
}
|
|
963
976
|
|
|
964
|
-
|
|
965
|
-
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
966
|
-
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
967
|
-
font-size: 1.2em !important;
|
|
968
|
-
line-height: 1.5em !important;
|
|
969
|
-
padding: 0.2em 0.8em !important;
|
|
970
977
|
}
|
|
971
978
|
|
|
972
|
-
.video-js.
|
|
979
|
+
.video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
|
|
973
980
|
content: none !important;
|
|
974
981
|
fill: none !important;
|
|
975
982
|
filter: none !important;
|
|
976
983
|
}
|
|
977
984
|
|
|
978
985
|
/* svg icons opacity and hover effect */
|
|
979
|
-
.video-js.
|
|
986
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
|
|
980
987
|
opacity: 0.7 !important;
|
|
981
988
|
}
|
|
982
989
|
|
|
983
|
-
.video-js.
|
|
984
|
-
opacity: 1 !important;
|
|
985
|
-
}
|
|
986
|
-
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
987
|
-
opacity: 0.7 !important;
|
|
988
|
-
}
|
|
989
|
-
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
990
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
990
991
|
opacity: 1 !important;
|
|
991
992
|
}
|
|
992
993
|
|
|
993
|
-
.video-js.
|
|
994
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
994
995
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
995
996
|
}
|
|
996
997
|
|
|
997
|
-
.video-js.
|
|
998
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
998
999
|
color: rgba(255, 255, 2555, 1)!important;
|
|
999
1000
|
}
|
|
1000
1001
|
|
|
@@ -1698,7 +1699,6 @@
|
|
|
1698
1699
|
}
|
|
1699
1700
|
}
|
|
1700
1701
|
|
|
1701
|
-
|
|
1702
1702
|
/* CSS for videojs-dvr-seekbar */
|
|
1703
1703
|
|
|
1704
1704
|
.video-js.vjs-dvr-seekbar {
|
|
@@ -1878,6 +1878,7 @@
|
|
|
1878
1878
|
|
|
1879
1879
|
|
|
1880
1880
|
|
|
1881
|
+
|
|
1881
1882
|
.video-js .multicamera-parent.default{
|
|
1882
1883
|
height: 345px;
|
|
1883
1884
|
position: absolute;
|
|
@@ -2009,82 +2010,294 @@
|
|
|
2009
2010
|
width: 22px;
|
|
2010
2011
|
}
|
|
2011
2012
|
|
|
2013
|
+
/* nextep — up-next card (centered in player, scales with player size) */
|
|
2014
|
+
.video-js:has(.next-ep-preview),
|
|
2015
|
+
.video-js:has(.next-ep-preview-player-thumb) {
|
|
2016
|
+
position: relative;
|
|
2017
|
+
}
|
|
2018
|
+
|
|
2019
|
+
.next-ep-preview {
|
|
2020
|
+
container-type: inline-size;
|
|
2021
|
+
container-name: next-ep-preview;
|
|
2012
2022
|
|
|
2013
|
-
/* nextep */
|
|
2014
|
-
.next-ep-preview{
|
|
2015
2023
|
position: absolute;
|
|
2016
|
-
|
|
2017
|
-
|
|
2018
|
-
|
|
2019
|
-
|
|
2020
|
-
|
|
2024
|
+
top: 50%;
|
|
2025
|
+
left: 50%;
|
|
2026
|
+
right: auto;
|
|
2027
|
+
bottom: auto;
|
|
2028
|
+
transform: translate(-50%, -50%);
|
|
2029
|
+
z-index: 15;
|
|
2030
|
+
|
|
2031
|
+
box-sizing: border-box;
|
|
2032
|
+
width: min(92%, 16rem);
|
|
2033
|
+
max-width: calc(100% - 1.5rem);
|
|
2034
|
+
max-height: min(90%, 100%);
|
|
2035
|
+
overflow: auto;
|
|
2036
|
+
overscroll-behavior: contain;
|
|
2037
|
+
|
|
2038
|
+
padding: clamp(0.625rem, 3.5cqi, 1rem) clamp(0.75rem, 4cqi, 1rem);
|
|
2039
|
+
border-radius: clamp(0.5rem, 2cqi, 0.75rem);
|
|
2040
|
+
|
|
2041
|
+
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
2042
|
+
color: #fff;
|
|
2043
|
+
}
|
|
2044
|
+
|
|
2045
|
+
.next-heading-wrapper {
|
|
2046
|
+
display: flex;
|
|
2047
|
+
flex-direction: row;
|
|
2048
|
+
justify-content: space-between;
|
|
2049
|
+
align-items: flex-start;
|
|
2050
|
+
gap: clamp(0.375rem, 2cqi, 0.5rem);
|
|
2051
|
+
margin-bottom: clamp(0.375rem, 2.5cqi, 0.5rem);
|
|
2052
|
+
}
|
|
2053
|
+
|
|
2054
|
+
.next-ep-header {
|
|
2055
|
+
display: flex;
|
|
2056
|
+
flex-direction: row;
|
|
2057
|
+
flex-wrap: wrap;
|
|
2058
|
+
align-items: baseline;
|
|
2059
|
+
gap: 0.35em;
|
|
2060
|
+
flex: 1;
|
|
2061
|
+
min-width: 0;
|
|
2062
|
+
text-align: left;
|
|
2063
|
+
font-weight: 600;
|
|
2064
|
+
font-size: clamp(0.5625rem, 3.2cqi, 0.6875rem);
|
|
2065
|
+
text-transform: uppercase;
|
|
2066
|
+
color: rgba(255, 255, 255, 0.95);
|
|
2067
|
+
margin: 0;
|
|
2068
|
+
}
|
|
2069
|
+
|
|
2070
|
+
.next-ep-header-text {
|
|
2071
|
+
flex-shrink: 0;
|
|
2072
|
+
}
|
|
2073
|
+
|
|
2074
|
+
.next-ep-header .next-ep-duration {
|
|
2075
|
+
flex-shrink: 0;
|
|
2076
|
+
font-weight: 700;
|
|
2077
|
+
color: #fff;
|
|
2078
|
+
}
|
|
2079
|
+
|
|
2080
|
+
.next-ep-close {
|
|
2081
|
+
display: flex;
|
|
2082
|
+
align-items: center;
|
|
2083
|
+
justify-content: center;
|
|
2084
|
+
flex-shrink: 0;
|
|
2085
|
+
padding: clamp(0.125rem, 1cqi, 0.25rem) clamp(0.25rem, 1.5cqi, 0.25rem);
|
|
2086
|
+
margin: 0;
|
|
2021
2087
|
border-radius: 4px;
|
|
2022
|
-
|
|
2088
|
+
cursor: pointer;
|
|
2089
|
+
color: rgba(255, 255, 255, 0.85);
|
|
2090
|
+
line-height: 0;
|
|
2091
|
+
opacity: 0.9;
|
|
2023
2092
|
}
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2093
|
+
|
|
2094
|
+
.next-ep-close:hover {
|
|
2095
|
+
opacity: 1;
|
|
2096
|
+
}
|
|
2097
|
+
|
|
2098
|
+
.next-ep-close svg {
|
|
2099
|
+
width: clamp(0.75rem, 4cqi, 1rem);
|
|
2100
|
+
height: clamp(0.75rem, 4cqi, 1rem);
|
|
2101
|
+
}
|
|
2102
|
+
|
|
2103
|
+
.next-ep-content {
|
|
2104
|
+
display: flex;
|
|
2105
|
+
flex-direction: column;
|
|
2106
|
+
align-items: stretch;
|
|
2107
|
+
gap: clamp(0.5rem, 3cqi, 0.75rem);
|
|
2108
|
+
cursor: pointer;
|
|
2109
|
+
min-width: 0;
|
|
2110
|
+
}
|
|
2111
|
+
|
|
2112
|
+
.next-ep-content:hover {
|
|
2113
|
+
opacity: 0.98;
|
|
2114
|
+
}
|
|
2115
|
+
|
|
2116
|
+
.next-ep-thumb-wrap {
|
|
2117
|
+
position: relative;
|
|
2118
|
+
width: 100%;
|
|
2119
|
+
aspect-ratio: 16 / 9;
|
|
2120
|
+
border-radius: clamp(0.375rem, 2cqi, 0.5rem);
|
|
2121
|
+
overflow: hidden;
|
|
2122
|
+
background: #1a1a1a;
|
|
2028
2123
|
}
|
|
2029
|
-
|
|
2124
|
+
|
|
2125
|
+
.next-ep-img {
|
|
2030
2126
|
width: 100%;
|
|
2031
2127
|
height: 100%;
|
|
2128
|
+
object-fit: cover;
|
|
2129
|
+
display: block;
|
|
2032
2130
|
}
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2131
|
+
|
|
2132
|
+
.next-ep-thumb-runtime {
|
|
2133
|
+
position: absolute;
|
|
2134
|
+
left: clamp(0.375rem, 2.5cqi, 0.625rem);
|
|
2135
|
+
bottom: clamp(0.375rem, 2.5cqi, 0.625rem);
|
|
2136
|
+
padding: clamp(0.125rem, 1cqi, 0.1875rem) clamp(0.375rem, 2cqi, 0.5rem);
|
|
2137
|
+
border-radius: 999px;
|
|
2138
|
+
font-size: clamp(0.5625rem, 2.8cqi, 0.6875rem);
|
|
2139
|
+
font-weight: 600;
|
|
2140
|
+
color: #fff;
|
|
2141
|
+
background: rgba(0, 0, 0, 0.65);
|
|
2142
|
+
letter-spacing: 0.02em;
|
|
2143
|
+
}
|
|
2144
|
+
|
|
2145
|
+
.next-ep-thumb-runtime--empty {
|
|
2146
|
+
display: none;
|
|
2038
2147
|
}
|
|
2039
2148
|
|
|
2040
|
-
.next-ep-
|
|
2041
|
-
|
|
2042
|
-
|
|
2149
|
+
.next-ep-meta-with-logo {
|
|
2150
|
+
display: flex;
|
|
2151
|
+
flex-direction: row;
|
|
2152
|
+
align-items: flex-start;
|
|
2153
|
+
gap: clamp(0.375rem, 2.5cqi, 0.625rem);
|
|
2154
|
+
min-width: 0;
|
|
2155
|
+
}
|
|
2043
2156
|
|
|
2157
|
+
.next-ep-meta-with-logo > .next-ep-meta {
|
|
2158
|
+
flex: 1;
|
|
2159
|
+
min-width: 0;
|
|
2044
2160
|
}
|
|
2045
2161
|
|
|
2046
|
-
.next-ep-
|
|
2162
|
+
.next-ep-meta {
|
|
2047
2163
|
display: flex;
|
|
2048
|
-
|
|
2164
|
+
flex-direction: column;
|
|
2165
|
+
gap: 0;
|
|
2166
|
+
min-width: 0;
|
|
2049
2167
|
}
|
|
2050
|
-
|
|
2051
|
-
|
|
2168
|
+
|
|
2169
|
+
.next-ep-title {
|
|
2170
|
+
font-size: clamp(0.75rem, 4.5cqi, 0.875rem);
|
|
2171
|
+
font-weight: 700;
|
|
2172
|
+
line-height: 1.25;
|
|
2173
|
+
color: #fff;
|
|
2174
|
+
margin: 0;
|
|
2175
|
+
min-width: 0;
|
|
2176
|
+
white-space: nowrap;
|
|
2177
|
+
overflow: hidden;
|
|
2178
|
+
text-overflow: ellipsis;
|
|
2179
|
+
}
|
|
2180
|
+
|
|
2181
|
+
.next-ep-desc {
|
|
2182
|
+
font-size: clamp(0.6875rem, 3.8cqi, 0.75rem);
|
|
2183
|
+
font-weight: 400;
|
|
2184
|
+
line-height: 1.35;
|
|
2185
|
+
color: rgba(255, 255, 255, 0.82);
|
|
2186
|
+
margin: 0;
|
|
2187
|
+
min-width: 0;
|
|
2188
|
+
white-space: nowrap;
|
|
2189
|
+
overflow: hidden;
|
|
2190
|
+
text-overflow: ellipsis;
|
|
2191
|
+
}
|
|
2192
|
+
|
|
2193
|
+
.next-ep-desc--empty {
|
|
2194
|
+
display: none;
|
|
2052
2195
|
}
|
|
2053
|
-
|
|
2196
|
+
|
|
2197
|
+
.next-ep-meta-row {
|
|
2054
2198
|
display: flex;
|
|
2055
|
-
flex-direction:
|
|
2056
|
-
justify-content: space-between;
|
|
2199
|
+
flex-direction: row;
|
|
2057
2200
|
align-items: center;
|
|
2201
|
+
justify-content: flex-start;
|
|
2202
|
+
gap: clamp(0.375rem, 2.5cqi, 0.625rem);
|
|
2203
|
+
margin-top: 2px;
|
|
2204
|
+
min-width: 0;
|
|
2058
2205
|
}
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2206
|
+
|
|
2207
|
+
.next-ep-meta-row-left {
|
|
2208
|
+
display: flex;
|
|
2209
|
+
flex-direction: row;
|
|
2210
|
+
align-items: center;
|
|
2211
|
+
gap: clamp(0.375rem, 2cqi, 0.5rem);
|
|
2212
|
+
min-width: 0;
|
|
2213
|
+
flex: 1;
|
|
2214
|
+
}
|
|
2215
|
+
|
|
2216
|
+
.next-ep-badge {
|
|
2217
|
+
flex-shrink: 0;
|
|
2218
|
+
font-size: clamp(0.5rem, 2.6cqi, 0.625rem);
|
|
2219
|
+
font-weight: 600;
|
|
2220
|
+
letter-spacing: 0.08em;
|
|
2221
|
+
text-transform: uppercase;
|
|
2222
|
+
padding: clamp(0.0625rem, 0.8cqi, 0.125rem) clamp(0.1875rem, 1.6cqi, 0.25rem);
|
|
2223
|
+
border: 1px solid rgba(255, 255, 255, 0.75);
|
|
2065
2224
|
border-radius: 3px;
|
|
2066
|
-
|
|
2225
|
+
color: rgba(255, 255, 255, 0.95);
|
|
2067
2226
|
}
|
|
2068
2227
|
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2228
|
+
.next-ep-badge--empty {
|
|
2229
|
+
display: none;
|
|
2230
|
+
}
|
|
2231
|
+
|
|
2232
|
+
.next-ep-episode {
|
|
2233
|
+
font-size: clamp(0.6875rem, 3.6cqi, 0.75rem);
|
|
2234
|
+
color: rgba(255, 255, 255, 0.88);
|
|
2235
|
+
white-space: nowrap;
|
|
2236
|
+
overflow: hidden;
|
|
2237
|
+
text-overflow: ellipsis;
|
|
2238
|
+
min-width: 0;
|
|
2239
|
+
}
|
|
2240
|
+
|
|
2241
|
+
.next-ep-network-logo {
|
|
2242
|
+
flex-shrink: 0;
|
|
2243
|
+
max-height: clamp(0.875rem, 5cqi, 1.375rem);
|
|
2244
|
+
max-width: clamp(2.5rem, 14cqi, 3.5rem);
|
|
2245
|
+
width: auto;
|
|
2246
|
+
height: auto;
|
|
2247
|
+
object-fit: contain;
|
|
2248
|
+
opacity: 0.98;
|
|
2249
|
+
}
|
|
2250
|
+
|
|
2251
|
+
.next-ep-network-logo--empty {
|
|
2252
|
+
display: none;
|
|
2253
|
+
}
|
|
2254
|
+
|
|
2255
|
+
/* Narrow card: stack meta and network logo */
|
|
2256
|
+
@container next-ep-preview (max-width: 220px) {
|
|
2257
|
+
.next-ep-meta-with-logo {
|
|
2258
|
+
flex-direction: column;
|
|
2259
|
+
align-items: flex-start;
|
|
2082
2260
|
}
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2261
|
+
|
|
2262
|
+
.next-ep-network-logo {
|
|
2263
|
+
align-self: flex-end;
|
|
2086
2264
|
}
|
|
2087
2265
|
}
|
|
2266
|
+
|
|
2267
|
+
/* Full-player thumbnail while the next episode asset loads */
|
|
2268
|
+
.video-js.next-ep-load-pending {
|
|
2269
|
+
position: relative;
|
|
2270
|
+
}
|
|
2271
|
+
|
|
2272
|
+
.next-ep-preview-player-thumb {
|
|
2273
|
+
position: absolute;
|
|
2274
|
+
inset: 0;
|
|
2275
|
+
z-index: 5;
|
|
2276
|
+
overflow: hidden;
|
|
2277
|
+
background: #000;
|
|
2278
|
+
pointer-events: none;
|
|
2279
|
+
}
|
|
2280
|
+
|
|
2281
|
+
.next-ep-load-overlay {
|
|
2282
|
+
position: absolute;
|
|
2283
|
+
inset: 0;
|
|
2284
|
+
z-index: 10;
|
|
2285
|
+
overflow: hidden;
|
|
2286
|
+
background: #000;
|
|
2287
|
+
pointer-events: none;
|
|
2288
|
+
}
|
|
2289
|
+
|
|
2290
|
+
.next-ep-load-overlay-img {
|
|
2291
|
+
width: 100%;
|
|
2292
|
+
height: 100%;
|
|
2293
|
+
object-fit: cover;
|
|
2294
|
+
display: block;
|
|
2295
|
+
}
|
|
2296
|
+
|
|
2297
|
+
.video-js.next-ep-load-pending .vjs-loading-spinner {
|
|
2298
|
+
z-index: 30 !important;
|
|
2299
|
+
}
|
|
2300
|
+
|
|
2088
2301
|
/* a wrapper element that tracks the mouse vertically */
|
|
2089
2302
|
.vjs-thumbnail-holder {
|
|
2090
2303
|
position: absolute;
|