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