@viewlift/player-backup 2.0.369-backup → 2.0.370-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 +600 -600
- package/esm/bundle.css +600 -600
- package/package.json +1 -1
package/cjs/bundle.css
CHANGED
|
@@ -1,6 +1,212 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
4
|
+
height: 0.7em !important;
|
|
5
|
+
position: absolute !important;
|
|
6
|
+
top: -0.7em !important;
|
|
7
|
+
width: 100% !important;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
11
|
+
height: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
15
|
+
line-height: 2.5;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
19
|
+
height: 19px;
|
|
20
|
+
width: 19px;
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
}
|
|
23
|
+
.video-js.skin_vlone .vjs-control {
|
|
24
|
+
user-select: none;
|
|
25
|
+
}
|
|
26
|
+
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
27
|
+
user-select: none;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
31
|
+
height: 19px;
|
|
32
|
+
width: 19px;
|
|
33
|
+
cursor: pointer;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.video-js.skin_vlone .vjs-play-progress:before {
|
|
37
|
+
display: none !important;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
41
|
+
margin: 0 !important;
|
|
42
|
+
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
47
|
+
display: block;
|
|
48
|
+
flex: 1 1 auto;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
52
|
+
z-index: 1;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
.video-js.skin_vlone .vjs-control-bar {
|
|
57
|
+
height: 40px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
|
|
61
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
62
|
+
position: relative !important;
|
|
63
|
+
}
|
|
64
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
|
|
65
|
+
display: flex;
|
|
66
|
+
left: 0px;
|
|
67
|
+
top: -1px;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
71
|
+
font-size: 2em !important;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.video-js.skin_vlone .vjs-control {
|
|
75
|
+
width: 4.3em;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.vjs-menu-button-popup .vjs-menu {
|
|
79
|
+
bottom: 10px !important;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.video-js .vjs-subs-caps-button .vjs-menu li,
|
|
83
|
+
.video-js .vjs-subtitles-button .vjs-menu li,
|
|
84
|
+
.video-js .vjs-captions-button .vjs-menu li {
|
|
85
|
+
text-transform: none;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
|
|
90
|
+
height: 1.3em !important;
|
|
91
|
+
position: absolute !important;
|
|
92
|
+
top: -1.3em !important;
|
|
93
|
+
transition: height 0.3s, top 0.3s !important;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
.video-js.skin_vlone.vjs-live .vjs-time-control{
|
|
98
|
+
display: none !important;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
102
|
+
display: block;
|
|
103
|
+
}
|
|
104
|
+
.video-js.skin_vlone .vjs-remaining-time {
|
|
105
|
+
display: none;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
|
|
109
|
+
line-height: 3.5em;
|
|
110
|
+
font-size: 1.1em;
|
|
111
|
+
min-width: 4em;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.video-js.skin_vlone .vjs-time-divider > div{
|
|
115
|
+
display: flex;
|
|
116
|
+
justify-content: center;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.video-js.skin_vlone .vjs-live-control{
|
|
120
|
+
align-items: center;
|
|
121
|
+
}
|
|
122
|
+
.video-js.skin_vlone .vjs-live-display{
|
|
123
|
+
height: 2.2em;
|
|
124
|
+
display: flex;
|
|
125
|
+
align-items: center;
|
|
126
|
+
font-family: monospace;
|
|
127
|
+
width: 4em;
|
|
128
|
+
justify-content: center;
|
|
129
|
+
background: red;
|
|
130
|
+
margin: 4px 0px 4px 12px;
|
|
131
|
+
}
|
|
132
|
+
.video-js.skin_vlone .vjs-live-display.vjs-behind-live{
|
|
133
|
+
background: #6b6b6b;
|
|
134
|
+
}
|
|
135
|
+
.video-js.skin_vlone .vjs-live-display:hover{
|
|
136
|
+
cursor: pointer;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
140
|
+
line-height: 3.5em !important;
|
|
141
|
+
font-size: 1.1em !important;
|
|
142
|
+
width: min-content !important;
|
|
143
|
+
min-width: 1.5em;
|
|
144
|
+
padding: 0 !important;
|
|
145
|
+
user-select: none;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
149
|
+
margin-left: 16px !important;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
153
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
154
|
+
font-size: 1.2em !important;
|
|
155
|
+
line-height: 1.5em !important;
|
|
156
|
+
padding: 0.2em 0.8em !important;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
/* Big play */
|
|
161
|
+
.video-js.skin_vlone.vjs-paused .vjs-big-play-button {
|
|
162
|
+
width: 80px;
|
|
163
|
+
height: 80px;
|
|
164
|
+
display: flex;
|
|
165
|
+
justify-content: center;
|
|
166
|
+
align-items: center;
|
|
167
|
+
border: none;
|
|
168
|
+
position: absolute;
|
|
169
|
+
top: 0;
|
|
170
|
+
left: 0;
|
|
171
|
+
right: 0;
|
|
172
|
+
bottom: 0;
|
|
173
|
+
margin: auto;
|
|
174
|
+
font-size: 5em;
|
|
175
|
+
line-height: 1.3em;
|
|
176
|
+
transform: none !important;
|
|
177
|
+
border-radius: 1.3em;
|
|
178
|
+
}
|
|
179
|
+
.video-js.skin_vlone .ssai-ad-container{
|
|
180
|
+
position: absolute;
|
|
181
|
+
bottom: 4px;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
@media(max-width:600px){
|
|
185
|
+
.video-js.skin_vlone button.vjs-big-play-button {
|
|
186
|
+
width: 50px !important;
|
|
187
|
+
height: 50px !important;
|
|
188
|
+
font-size: 2.1rem !important;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.video-js.skin_vlone .ssai-ad-container {
|
|
192
|
+
position: absolute;
|
|
193
|
+
bottom: 2px;
|
|
194
|
+
}
|
|
195
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
196
|
+
display: none;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
|
|
200
|
+
/* display: none; */
|
|
201
|
+
}
|
|
3
202
|
|
|
203
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
|
|
204
|
+
/* display: none; */
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
.video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
|
|
208
|
+
text-decoration: underline;
|
|
209
|
+
}
|
|
4
210
|
|
|
5
211
|
|
|
6
212
|
|
|
@@ -532,31 +738,26 @@
|
|
|
532
738
|
|
|
533
739
|
|
|
534
740
|
|
|
535
|
-
.video-js.
|
|
741
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
|
|
536
742
|
font-size: 2.2em;
|
|
537
743
|
line-height: 2.6;
|
|
538
744
|
}
|
|
539
|
-
.video-js.
|
|
540
|
-
|
|
745
|
+
.video-js.skin_mini{
|
|
746
|
+
overflow: hidden;
|
|
541
747
|
}
|
|
542
|
-
.video-js.
|
|
748
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
543
749
|
z-index: 1 !important;
|
|
544
|
-
height:
|
|
750
|
+
height: 4em !important;
|
|
545
751
|
background: black !important;
|
|
546
752
|
}
|
|
547
|
-
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
548
|
-
display: flex;
|
|
549
|
-
align-items: center;
|
|
550
|
-
justify-content: center;
|
|
551
|
-
}
|
|
552
753
|
|
|
553
|
-
.video-js.
|
|
754
|
+
.video-js.skin_mini .vjs-fade>* {
|
|
554
755
|
visibility: hidden !important;
|
|
555
756
|
opacity: 0 !important;
|
|
556
757
|
transition: visibility 1s, opacity 1s !important;
|
|
557
758
|
}
|
|
558
759
|
|
|
559
|
-
.video-js.
|
|
760
|
+
.video-js.skin_mini .custom-spaced-progress-bar {
|
|
560
761
|
position: absolute;
|
|
561
762
|
width: 100%;
|
|
562
763
|
display: flex;
|
|
@@ -564,7 +765,7 @@
|
|
|
564
765
|
top: -0.5em;
|
|
565
766
|
}
|
|
566
767
|
|
|
567
|
-
.video-js.
|
|
768
|
+
.video-js.skin_mini .vjs-progress-control {
|
|
568
769
|
/* left: -6px; */
|
|
569
770
|
position: relative;
|
|
570
771
|
width: 100%;
|
|
@@ -572,25 +773,22 @@
|
|
|
572
773
|
transition: height 0.1s, top 0.1s;
|
|
573
774
|
}
|
|
574
775
|
|
|
575
|
-
.video-js.skin_news_live .vjs-volume-panel{
|
|
576
|
-
min-width: 5.3em;
|
|
577
|
-
}
|
|
578
776
|
|
|
579
777
|
|
|
580
778
|
|
|
581
|
-
.video-js.
|
|
582
|
-
|
|
583
|
-
|
|
779
|
+
.video-js.skin_mini .vjs-custom-control-spacer {
|
|
780
|
+
display: block;
|
|
781
|
+
flex: 1 1 auto;
|
|
584
782
|
}
|
|
585
783
|
|
|
586
|
-
.video-js.
|
|
784
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
|
|
587
785
|
margin: 0 0px 0 0px;
|
|
588
786
|
}
|
|
589
|
-
.video-js.
|
|
787
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
590
788
|
display: none;
|
|
591
789
|
}
|
|
592
790
|
|
|
593
|
-
.video-js.
|
|
791
|
+
.video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
594
792
|
font-size: 14px;
|
|
595
793
|
font-weight: 500;
|
|
596
794
|
align-self: center;
|
|
@@ -599,199 +797,207 @@
|
|
|
599
797
|
border-radius: 8px;
|
|
600
798
|
}
|
|
601
799
|
|
|
602
|
-
.video-js.
|
|
603
|
-
height:
|
|
800
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
801
|
+
height: 5px !important;
|
|
604
802
|
}
|
|
605
803
|
|
|
606
|
-
.video-js.
|
|
607
|
-
font-size: 1.
|
|
804
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
805
|
+
font-size: 1.3em;
|
|
608
806
|
line-height: unset;
|
|
609
807
|
top: -0.3333333333em;
|
|
610
808
|
}
|
|
611
809
|
|
|
612
|
-
.video-js.
|
|
810
|
+
.video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
|
|
613
811
|
display: none !important;
|
|
614
812
|
}
|
|
615
813
|
|
|
616
814
|
/* */
|
|
617
|
-
.video-js.
|
|
815
|
+
.video-js.skin_mini .vjs-mouse-display{
|
|
618
816
|
font-size: 1.6666666667em;
|
|
619
817
|
}
|
|
620
818
|
|
|
621
|
-
.video-js.
|
|
819
|
+
.video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
|
|
622
820
|
font-size: 1em !important;
|
|
623
821
|
}
|
|
624
822
|
|
|
625
|
-
.video-js.
|
|
626
|
-
width:
|
|
823
|
+
.video-js.skin_mini .vjs-button{
|
|
824
|
+
width: 3em;
|
|
627
825
|
display: flex;
|
|
628
826
|
align-items: center;
|
|
629
827
|
justify-content: center;
|
|
630
828
|
}
|
|
631
829
|
|
|
632
830
|
|
|
633
|
-
.video-js.
|
|
831
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
634
832
|
.icon-maximize {
|
|
635
833
|
display: block;
|
|
636
834
|
height: 32px;
|
|
637
835
|
}
|
|
638
836
|
|
|
639
|
-
.video-js.
|
|
837
|
+
.video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
|
|
640
838
|
line-height: 4;
|
|
641
839
|
}
|
|
642
840
|
|
|
643
|
-
.video-js.
|
|
841
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
644
842
|
.icon-minimize {
|
|
645
843
|
display: none;
|
|
646
844
|
height: 32px;
|
|
647
845
|
}
|
|
648
846
|
|
|
649
|
-
.video-js.
|
|
847
|
+
.video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
|
|
650
848
|
outline: none !important;
|
|
651
|
-
/* flex: 1; */
|
|
652
|
-
}
|
|
653
|
-
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
654
|
-
display: flex;
|
|
655
|
-
flex: 1;
|
|
656
|
-
justify-content: center;
|
|
657
849
|
}
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
850
|
+
.video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
661
851
|
.vjs-icon-fullscreen-enter:before {
|
|
662
852
|
/* content: '' !important; */
|
|
663
853
|
}
|
|
664
854
|
|
|
665
|
-
.video-js.
|
|
855
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
666
856
|
display: flex;
|
|
667
857
|
justify-content: center;
|
|
668
858
|
align-items: center;
|
|
669
859
|
/* transform: rotate(90deg); */
|
|
670
860
|
}
|
|
671
861
|
|
|
672
|
-
.video-js.
|
|
862
|
+
.video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
673
863
|
display: none;
|
|
674
864
|
}
|
|
675
|
-
.video-js.
|
|
865
|
+
.video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
|
|
676
866
|
margin-left: -10px;
|
|
867
|
+
display: none;
|
|
677
868
|
}
|
|
678
869
|
|
|
679
|
-
.video-js.
|
|
870
|
+
.video-js.skin_mini .vjs-loading-spinner {
|
|
871
|
+
position: absolute;
|
|
872
|
+
top: 50%;
|
|
873
|
+
left: 50%;
|
|
874
|
+
transform: translate(-50%, -50%);
|
|
875
|
+
opacity: .85;
|
|
876
|
+
text-align: left;
|
|
877
|
+
border: .2em solid rgba(43, 51, 63, .7);
|
|
878
|
+
box-sizing: border-box;
|
|
879
|
+
background-clip: padding-box;
|
|
880
|
+
width: 3em;
|
|
881
|
+
height: 3em;
|
|
882
|
+
border-radius: 50%;
|
|
883
|
+
visibility: hidden;
|
|
884
|
+
}
|
|
885
|
+
|
|
886
|
+
.video-js.skin_mini .skipbtn:hover{
|
|
680
887
|
cursor: pointer;
|
|
681
888
|
}
|
|
682
889
|
|
|
683
|
-
.video-js.
|
|
890
|
+
.video-js.skin_mini .rewindbtn:hover{
|
|
684
891
|
cursor: pointer;
|
|
685
892
|
}
|
|
686
893
|
|
|
687
|
-
.video-js.
|
|
894
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
|
|
688
895
|
position: relative;
|
|
689
896
|
padding-left: 0;
|
|
690
897
|
}
|
|
691
898
|
|
|
692
|
-
.video-js.
|
|
693
|
-
|
|
899
|
+
.video-js.skin_mini.vjs-paused .vjs-big-play-button {
|
|
900
|
+
width: 40px;
|
|
901
|
+
height: 40px;
|
|
902
|
+
display: flex;
|
|
903
|
+
justify-content: center;
|
|
904
|
+
align-items: center;
|
|
905
|
+
border: none;
|
|
906
|
+
position: absolute;
|
|
907
|
+
top: 0;
|
|
908
|
+
left: 0;
|
|
909
|
+
right: 0;
|
|
910
|
+
bottom: 0;
|
|
911
|
+
margin: auto;
|
|
912
|
+
font-size: 3em;
|
|
913
|
+
line-height: 1.3em;
|
|
914
|
+
transform: none !important;
|
|
915
|
+
border-radius: 1.3em;
|
|
694
916
|
}
|
|
695
917
|
|
|
696
|
-
.video-js.
|
|
697
|
-
/* width: 90px;
|
|
698
|
-
height: 90px;
|
|
699
|
-
display: flex;
|
|
700
|
-
justify-content: center;
|
|
701
|
-
align-items: center;
|
|
702
|
-
border-radius: 50%;
|
|
703
|
-
position: absolute;
|
|
704
|
-
top: 0;
|
|
705
|
-
left: 0;
|
|
706
|
-
right: 0;
|
|
707
|
-
bottom: 0;
|
|
708
|
-
margin: auto;
|
|
709
|
-
font-size: 6em;
|
|
710
|
-
line-height: 1.4em;
|
|
711
|
-
border: 0.05em solid;
|
|
712
|
-
color: inherit; */
|
|
713
|
-
display: none !important;
|
|
714
|
-
}
|
|
715
|
-
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
918
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
716
919
|
font-weight: bold;
|
|
717
920
|
}
|
|
718
921
|
|
|
719
|
-
.video-js.
|
|
720
|
-
bottom:
|
|
721
|
-
right:
|
|
922
|
+
.video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
|
|
923
|
+
bottom: 1.1em !important;
|
|
924
|
+
right: 1em;
|
|
722
925
|
z-index: 1;
|
|
926
|
+
font-size: 10px;
|
|
723
927
|
}
|
|
724
928
|
|
|
725
|
-
.video-js.
|
|
929
|
+
.video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
|
|
726
930
|
width: 24px !important;
|
|
727
931
|
height: 24px !important;
|
|
728
932
|
}
|
|
729
|
-
.settings-selector-icon>svg{
|
|
933
|
+
.video-js.skin_mini .settings-selector-icon>svg{
|
|
730
934
|
height: 19px !important;
|
|
731
935
|
width: 19px !important;
|
|
732
936
|
}
|
|
733
937
|
|
|
734
938
|
|
|
735
|
-
.video-js.
|
|
939
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
736
940
|
cursor: pointer;
|
|
737
941
|
}
|
|
738
942
|
|
|
739
|
-
.video-js.
|
|
943
|
+
.video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
740
944
|
padding-right: 0;
|
|
741
|
-
display: none;
|
|
742
945
|
}
|
|
743
946
|
|
|
744
|
-
.video-js.
|
|
947
|
+
.video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
745
948
|
padding-left: 0;
|
|
746
|
-
display: none;
|
|
747
949
|
}
|
|
748
950
|
|
|
749
|
-
.video-js.
|
|
951
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
750
952
|
padding-left: 0;
|
|
751
953
|
padding-right: 0;
|
|
752
|
-
display:
|
|
954
|
+
display: flex;
|
|
955
|
+
justify-content: center;
|
|
956
|
+
width: min-content;
|
|
753
957
|
}
|
|
754
958
|
|
|
755
|
-
.video-js.
|
|
959
|
+
.video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
|
|
756
960
|
display: none
|
|
757
961
|
}
|
|
758
|
-
.video-js.
|
|
962
|
+
.video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
759
963
|
display: none
|
|
760
964
|
}
|
|
761
965
|
|
|
762
|
-
.video-js.
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
966
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control {
|
|
967
|
+
display: flex;
|
|
968
|
+
align-items: center;
|
|
969
|
+
font-weight: 700;
|
|
970
|
+
font-size: 9px;
|
|
971
|
+
min-width: 0.8em;
|
|
972
|
+
padding-left: 0;
|
|
768
973
|
}
|
|
769
974
|
|
|
770
|
-
.video-js.
|
|
975
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
771
976
|
display: none;
|
|
772
977
|
font-size: 11px;
|
|
773
978
|
justify-content: center;
|
|
774
979
|
align-items: center;
|
|
775
980
|
user-select: none;
|
|
776
981
|
}
|
|
777
|
-
.video-js.
|
|
982
|
+
.video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
778
983
|
display: none;
|
|
779
984
|
}
|
|
780
985
|
|
|
781
|
-
.video-js.
|
|
986
|
+
.video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
782
987
|
height: min-content;
|
|
783
988
|
width: min-content;
|
|
784
989
|
}
|
|
785
|
-
.video-js.
|
|
786
|
-
width:
|
|
990
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
991
|
+
width: 3em;
|
|
992
|
+
margin-right: 4px;
|
|
787
993
|
}
|
|
788
994
|
|
|
789
|
-
.video-js.
|
|
995
|
+
.video-js.skin_mini .content{
|
|
790
996
|
bottom: 3.4rem !important;
|
|
791
997
|
right: -4rem !important;
|
|
792
998
|
}
|
|
793
999
|
|
|
794
|
-
.setting-icon > svg{
|
|
1000
|
+
.video-js.skin_mini .setting-icon > svg{
|
|
795
1001
|
height:18px !important;
|
|
796
1002
|
}
|
|
797
1003
|
|
|
@@ -805,16 +1011,16 @@
|
|
|
805
1011
|
pointer-events:none
|
|
806
1012
|
}
|
|
807
1013
|
|
|
808
|
-
.video-js.
|
|
1014
|
+
.video-js.skin_mini iframe{
|
|
809
1015
|
width: 100%;
|
|
810
1016
|
height: 100%;
|
|
811
1017
|
}
|
|
812
1018
|
|
|
813
|
-
.video-js.
|
|
1019
|
+
.video-js.skin_mini .vjs-live-control{
|
|
814
1020
|
align-items: center;
|
|
815
|
-
|
|
1021
|
+
max-width: 5em;
|
|
816
1022
|
}
|
|
817
|
-
.video-js.
|
|
1023
|
+
.video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
|
|
818
1024
|
height: 2.2em;
|
|
819
1025
|
display: flex;
|
|
820
1026
|
align-items: center;
|
|
@@ -822,425 +1028,212 @@
|
|
|
822
1028
|
width: 4em;
|
|
823
1029
|
justify-content: center;
|
|
824
1030
|
background: red;
|
|
825
|
-
margin: 4px 0px 4px
|
|
1031
|
+
margin: 4px 0px 4px 2px;
|
|
826
1032
|
}
|
|
827
1033
|
|
|
828
|
-
.video-js.
|
|
1034
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
|
|
829
1035
|
text-shadow: none;
|
|
830
1036
|
}
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
justify-content: center;
|
|
835
|
-
min-width: 5.3em;
|
|
836
|
-
pointer-events: none;
|
|
837
|
-
user-select: none;
|
|
838
|
-
}
|
|
839
|
-
|
|
840
|
-
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
|
|
841
|
-
color: white;
|
|
1037
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
1038
|
+
display: none;
|
|
1039
|
+
font-size: 12px;
|
|
842
1040
|
}
|
|
843
1041
|
|
|
844
|
-
|
|
845
|
-
.
|
|
846
|
-
display: flex
|
|
1042
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
1043
|
+
height: 1.8em;
|
|
1044
|
+
display: inline-flex;
|
|
1045
|
+
align-items: center;
|
|
1046
|
+
font-family: monospace;
|
|
1047
|
+
justify-content: center;
|
|
1048
|
+
border: 1.5px solid;
|
|
1049
|
+
margin: 4px 0px 4px 2px;
|
|
1050
|
+
white-space: pre;
|
|
1051
|
+
padding: 2px 4px;
|
|
1052
|
+
font-size: 1.2em;
|
|
1053
|
+
font-weight: 500;
|
|
1054
|
+
color: rgba(255, 255, 2555, 0.7);
|
|
847
1055
|
}
|
|
848
1056
|
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
}
|
|
1057
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
1058
|
+
content: "NOT LIVE";
|
|
1059
|
+
word-spacing: -4px;
|
|
853
1060
|
}
|
|
854
1061
|
|
|
855
1062
|
|
|
856
|
-
@media(max-width:
|
|
1063
|
+
@media(max-width:600px){
|
|
857
1064
|
.tvProviderImage{
|
|
858
1065
|
display: none
|
|
859
1066
|
}
|
|
860
|
-
.video-js.
|
|
1067
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
861
1068
|
.icon-maximize {
|
|
862
1069
|
height: 30px !important;
|
|
863
1070
|
}
|
|
864
1071
|
|
|
865
|
-
.video-js.
|
|
1072
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
866
1073
|
.icon-minimize {
|
|
867
1074
|
height: 30px !important;
|
|
868
1075
|
}
|
|
869
|
-
.video-js.
|
|
870
|
-
width:
|
|
1076
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1077
|
+
width: 3.5em;
|
|
871
1078
|
}
|
|
872
|
-
.video-js.
|
|
1079
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
873
1080
|
height: min-content;
|
|
874
1081
|
}
|
|
875
1082
|
|
|
876
|
-
.video-js.
|
|
1083
|
+
.video-js.skin_mini button.vjs-slowmo-button{
|
|
877
1084
|
display: none;
|
|
878
1085
|
}
|
|
879
|
-
.video-js.
|
|
1086
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
880
1087
|
display: none;
|
|
881
1088
|
}
|
|
882
|
-
.video-js.
|
|
1089
|
+
.video-js.skin_mini button.vjs-rewind-button>svg{
|
|
883
1090
|
height: 20px;
|
|
884
1091
|
}
|
|
885
|
-
.video-js.
|
|
886
|
-
width:
|
|
1092
|
+
.video-js.skin_mini .vjs-button{
|
|
1093
|
+
width: 3em;
|
|
887
1094
|
}
|
|
888
|
-
.video-js.
|
|
1095
|
+
.video-js.skin_mini .widget-selection{
|
|
889
1096
|
display: none;
|
|
890
1097
|
}
|
|
891
|
-
.video-js.
|
|
1098
|
+
.video-js.skin_mini .container{
|
|
892
1099
|
display: none !important;
|
|
893
1100
|
}
|
|
894
|
-
.video-js.
|
|
1101
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
895
1102
|
height: 4em !important;
|
|
896
1103
|
}
|
|
897
|
-
.video-js.
|
|
1104
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
|
|
898
1105
|
font-size: 2.5em;
|
|
899
1106
|
line-height: 1.5;
|
|
900
1107
|
}
|
|
901
|
-
.video-js.
|
|
1108
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
902
1109
|
font-size: 1.2em;
|
|
903
1110
|
position: absolute;
|
|
904
1111
|
right: -0.5em;
|
|
905
1112
|
z-index: 1;
|
|
906
1113
|
}
|
|
907
|
-
.video-js.
|
|
1114
|
+
.video-js.skin_mini button.vjs-skip-button>svg{
|
|
908
1115
|
height: 20px;
|
|
909
1116
|
}
|
|
910
|
-
.video-js.skin_news_live button.vjs-big-play-button {
|
|
911
|
-
width: 50px !important;
|
|
912
|
-
height: 50px !important;
|
|
913
|
-
font-size: 2.1rem !important;
|
|
914
|
-
}
|
|
915
1117
|
|
|
916
1118
|
.stream-selector-icon>svg{
|
|
917
1119
|
width: 24px;
|
|
918
1120
|
height: 24px;
|
|
919
1121
|
}
|
|
920
|
-
.video-js.
|
|
921
|
-
margin: 0 12px 0 12px;
|
|
922
|
-
}
|
|
923
|
-
.video-js.skin_news_live .vjs-seek-to-live-text{
|
|
1122
|
+
.video-js.skin_mini .vjs-seek-to-live-text{
|
|
924
1123
|
font-size: 12px;
|
|
925
1124
|
}
|
|
926
|
-
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
927
|
-
margin: 0 12px 0 12px;
|
|
928
1125
|
}
|
|
1126
|
+
|
|
1127
|
+
|
|
1128
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
1129
|
+
background-color: rgba(0, 0, 0, 0.2);
|
|
929
1130
|
}
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
display: flex;
|
|
934
|
-
justify-content: center;
|
|
935
|
-
align-items: center;
|
|
936
|
-
border-radius: 50%;
|
|
937
|
-
position: absolute;
|
|
938
|
-
top: 0;
|
|
939
|
-
left: 0;
|
|
940
|
-
right: 0;
|
|
941
|
-
bottom: 0;
|
|
942
|
-
margin: auto;
|
|
943
|
-
font-size: 6em;
|
|
944
|
-
line-height: 1.4em;
|
|
945
|
-
}
|
|
946
|
-
|
|
947
|
-
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1131
|
+
|
|
1132
|
+
|
|
1133
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
948
1134
|
display: flex;
|
|
949
1135
|
justify-content: center;
|
|
950
1136
|
align-items: center;
|
|
951
1137
|
height: 100%;
|
|
952
1138
|
transition: width 0.1s;
|
|
953
1139
|
}
|
|
1140
|
+
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
1141
|
+
margin: 2px;
|
|
1142
|
+
}
|
|
954
1143
|
|
|
955
|
-
.video-js.
|
|
1144
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
956
1145
|
display: flex;
|
|
957
1146
|
justify-content: center;
|
|
958
1147
|
align-items: center;
|
|
959
1148
|
height: 100%;
|
|
960
1149
|
transition: width 0.1s;
|
|
961
1150
|
}
|
|
962
|
-
|
|
963
|
-
|
|
1151
|
+
|
|
1152
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
|
|
1153
|
+
display: block;
|
|
1154
|
+
font-size: 10px;
|
|
1155
|
+
padding: 6px 10px;
|
|
1156
|
+
margin: 0;
|
|
1157
|
+
max-height: 100%;
|
|
1158
|
+
overflow-y: auto;
|
|
1159
|
+
}
|
|
1160
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
|
|
1161
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
|
|
1162
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
|
|
1163
|
+
display: block;
|
|
1164
|
+
width: 100%;
|
|
1165
|
+
}
|
|
1166
|
+
.video-js.skin_mini .vjs-text-track-settings fieldset{
|
|
1167
|
+
margin: 4px 0;
|
|
1168
|
+
}
|
|
1169
|
+
.video-js.skin_mini .vjs-text-track-settings fieldset span{
|
|
1170
|
+
display: block;
|
|
1171
|
+
padding: 0 0 6px;
|
|
1172
|
+
}
|
|
1173
|
+
.video-js.skin_mini .vjs-text-track-settings fieldset span > select{
|
|
1174
|
+
max-width: 100%;
|
|
964
1175
|
}
|
|
965
1176
|
|
|
966
|
-
@media (max-width:
|
|
967
|
-
.video-js.
|
|
1177
|
+
@media (max-width: 600px) {
|
|
1178
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
968
1179
|
height: 5px !important;
|
|
969
1180
|
}
|
|
970
|
-
.video-js.skin_news_live button.vjs-big-play-button {
|
|
971
|
-
width: 50px !important;
|
|
972
|
-
height: 50px !important;
|
|
973
|
-
font-size: 2.1rem !important;
|
|
974
|
-
}
|
|
975
1181
|
|
|
976
|
-
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1182
|
+
.video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
977
1183
|
display: none;
|
|
978
1184
|
}
|
|
979
|
-
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
|
|
980
|
-
bottom: 2.4em !important;
|
|
981
|
-
right: -1em;
|
|
982
|
-
z-index: 1;
|
|
983
|
-
}
|
|
984
|
-
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
985
|
-
display: none !important;
|
|
986
|
-
}
|
|
987
1185
|
|
|
988
1186
|
}
|
|
989
1187
|
|
|
990
|
-
.video-js.
|
|
991
|
-
width: 100% !important;
|
|
992
|
-
}
|
|
993
|
-
|
|
994
|
-
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
995
|
-
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
996
|
-
font-size: 1.2em !important;
|
|
997
|
-
line-height: 1.5em !important;
|
|
998
|
-
padding: 0.2em 0.8em !important;
|
|
999
|
-
}
|
|
1000
|
-
|
|
1001
|
-
.video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
|
|
1188
|
+
.video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
|
|
1002
1189
|
content: none !important;
|
|
1003
1190
|
fill: none !important;
|
|
1004
1191
|
filter: none !important;
|
|
1005
1192
|
}
|
|
1006
1193
|
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1012
|
-
color: rgba(255, 255, 2555, 1)!important;
|
|
1013
|
-
}
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
1018
|
-
height: 0.7em !important;
|
|
1019
|
-
position: absolute !important;
|
|
1020
|
-
top: -0.7em !important;
|
|
1021
|
-
width: 100% !important;
|
|
1022
|
-
}
|
|
1023
|
-
|
|
1024
|
-
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
1025
|
-
height: 100%;
|
|
1026
|
-
}
|
|
1027
|
-
|
|
1028
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
1029
|
-
line-height: 2.5;
|
|
1030
|
-
}
|
|
1031
|
-
|
|
1032
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
1033
|
-
height: 19px;
|
|
1034
|
-
width: 19px;
|
|
1035
|
-
cursor: pointer;
|
|
1036
|
-
}
|
|
1037
|
-
.video-js.skin_vlone .vjs-control {
|
|
1038
|
-
user-select: none;
|
|
1039
|
-
}
|
|
1040
|
-
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
1041
|
-
user-select: none;
|
|
1042
|
-
}
|
|
1043
|
-
|
|
1044
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
1045
|
-
height: 19px;
|
|
1046
|
-
width: 19px;
|
|
1047
|
-
cursor: pointer;
|
|
1048
|
-
}
|
|
1049
|
-
|
|
1050
|
-
.video-js.skin_vlone .vjs-play-progress:before {
|
|
1051
|
-
display: none !important;
|
|
1052
|
-
}
|
|
1053
|
-
|
|
1054
|
-
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
1055
|
-
margin: 0 !important;
|
|
1056
|
-
|
|
1057
|
-
}
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
1061
|
-
display: block;
|
|
1062
|
-
flex: 1 1 auto;
|
|
1063
|
-
}
|
|
1064
|
-
|
|
1065
|
-
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1066
|
-
z-index: 1;
|
|
1067
|
-
}
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
.video-js.skin_vlone .vjs-control-bar {
|
|
1071
|
-
height: 40px;
|
|
1072
|
-
}
|
|
1073
|
-
|
|
1074
|
-
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
|
|
1075
|
-
.vjs-button>.vjs-icon-placeholder:before {
|
|
1076
|
-
position: relative !important;
|
|
1077
|
-
}
|
|
1078
|
-
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
|
|
1079
|
-
display: flex;
|
|
1080
|
-
left: 0px;
|
|
1081
|
-
top: -1px;
|
|
1082
|
-
}
|
|
1083
|
-
|
|
1084
|
-
.vjs-button>.vjs-icon-placeholder:before {
|
|
1085
|
-
font-size: 2em !important;
|
|
1086
|
-
}
|
|
1087
|
-
|
|
1088
|
-
.video-js.skin_vlone .vjs-control {
|
|
1089
|
-
width: 4.3em;
|
|
1090
|
-
}
|
|
1091
|
-
|
|
1092
|
-
.vjs-menu-button-popup .vjs-menu {
|
|
1093
|
-
bottom: 10px !important;
|
|
1094
|
-
}
|
|
1095
|
-
|
|
1096
|
-
.video-js .vjs-subs-caps-button .vjs-menu li,
|
|
1097
|
-
.video-js .vjs-subtitles-button .vjs-menu li,
|
|
1098
|
-
.video-js .vjs-captions-button .vjs-menu li {
|
|
1099
|
-
text-transform: none;
|
|
1100
|
-
}
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
|
|
1104
|
-
height: 1.3em !important;
|
|
1105
|
-
position: absolute !important;
|
|
1106
|
-
top: -1.3em !important;
|
|
1107
|
-
transition: height 0.3s, top 0.3s !important;
|
|
1108
|
-
}
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
.video-js.skin_vlone.vjs-live .vjs-time-control{
|
|
1112
|
-
display: none !important;
|
|
1113
|
-
}
|
|
1114
|
-
|
|
1115
|
-
.video-js.skin_vlone .vjs-time-control {
|
|
1116
|
-
display: block;
|
|
1117
|
-
}
|
|
1118
|
-
.video-js.skin_vlone .vjs-remaining-time {
|
|
1119
|
-
display: none;
|
|
1120
|
-
}
|
|
1121
|
-
|
|
1122
|
-
.video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
|
|
1123
|
-
line-height: 3.5em;
|
|
1124
|
-
font-size: 1.1em;
|
|
1125
|
-
min-width: 4em;
|
|
1126
|
-
}
|
|
1127
|
-
|
|
1128
|
-
.video-js.skin_vlone .vjs-time-divider > div{
|
|
1129
|
-
display: flex;
|
|
1130
|
-
justify-content: center;
|
|
1131
|
-
}
|
|
1132
|
-
|
|
1133
|
-
.video-js.skin_vlone .vjs-live-control{
|
|
1134
|
-
align-items: center;
|
|
1135
|
-
}
|
|
1136
|
-
.video-js.skin_vlone .vjs-live-display{
|
|
1137
|
-
height: 2.2em;
|
|
1138
|
-
display: flex;
|
|
1139
|
-
align-items: center;
|
|
1140
|
-
font-family: monospace;
|
|
1141
|
-
width: 4em;
|
|
1142
|
-
justify-content: center;
|
|
1143
|
-
background: red;
|
|
1144
|
-
margin: 4px 0px 4px 12px;
|
|
1145
|
-
}
|
|
1146
|
-
.video-js.skin_vlone .vjs-live-display.vjs-behind-live{
|
|
1147
|
-
background: #6b6b6b;
|
|
1148
|
-
}
|
|
1149
|
-
.video-js.skin_vlone .vjs-live-display:hover{
|
|
1150
|
-
cursor: pointer;
|
|
1151
|
-
}
|
|
1152
|
-
|
|
1153
|
-
.video-js.skin_vlone .vjs-time-control {
|
|
1154
|
-
line-height: 3.5em !important;
|
|
1155
|
-
font-size: 1.1em !important;
|
|
1156
|
-
width: min-content !important;
|
|
1157
|
-
min-width: 1.5em;
|
|
1158
|
-
padding: 0 !important;
|
|
1159
|
-
user-select: none;
|
|
1160
|
-
}
|
|
1161
|
-
|
|
1162
|
-
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
1163
|
-
margin-left: 16px !important;
|
|
1194
|
+
/* svg icons opacity and hover effect */
|
|
1195
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
|
|
1196
|
+
opacity: 0.7 !important;
|
|
1164
1197
|
}
|
|
1165
1198
|
|
|
1166
|
-
.video-js.
|
|
1167
|
-
|
|
1168
|
-
font-size: 1.2em !important;
|
|
1169
|
-
line-height: 1.5em !important;
|
|
1170
|
-
padding: 0.2em 0.8em !important;
|
|
1199
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
1200
|
+
opacity: 1 !important;
|
|
1171
1201
|
}
|
|
1172
1202
|
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
.video-js.skin_vlone.vjs-paused .vjs-big-play-button {
|
|
1176
|
-
width: 80px;
|
|
1177
|
-
height: 80px;
|
|
1178
|
-
display: flex;
|
|
1179
|
-
justify-content: center;
|
|
1180
|
-
align-items: center;
|
|
1181
|
-
border: none;
|
|
1182
|
-
position: absolute;
|
|
1183
|
-
top: 0;
|
|
1184
|
-
left: 0;
|
|
1185
|
-
right: 0;
|
|
1186
|
-
bottom: 0;
|
|
1187
|
-
margin: auto;
|
|
1188
|
-
font-size: 5em;
|
|
1189
|
-
line-height: 1.3em;
|
|
1190
|
-
transform: none !important;
|
|
1191
|
-
border-radius: 1.3em;
|
|
1192
|
-
}
|
|
1193
|
-
.video-js.skin_vlone .ssai-ad-container{
|
|
1194
|
-
position: absolute;
|
|
1195
|
-
bottom: 4px;
|
|
1203
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1204
|
+
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1196
1205
|
}
|
|
1197
|
-
|
|
1198
|
-
@media(max-width:600px){
|
|
1199
|
-
.video-js.skin_vlone button.vjs-big-play-button {
|
|
1200
|
-
width: 50px !important;
|
|
1201
|
-
height: 50px !important;
|
|
1202
|
-
font-size: 2.1rem !important;
|
|
1203
|
-
}
|
|
1204
1206
|
|
|
1205
|
-
.video-js.
|
|
1206
|
-
|
|
1207
|
-
bottom: 2px;
|
|
1208
|
-
}
|
|
1209
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
1210
|
-
display: none;
|
|
1207
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1208
|
+
color: rgba(255, 255, 2555, 1)!important;
|
|
1211
1209
|
}
|
|
1212
1210
|
|
|
1213
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
|
|
1214
|
-
/* display: none; */
|
|
1215
|
-
}
|
|
1216
1211
|
|
|
1217
|
-
.video-js.
|
|
1218
|
-
/* display: none; */
|
|
1219
|
-
}
|
|
1220
|
-
}
|
|
1221
|
-
.video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
|
|
1222
|
-
text-decoration: underline;
|
|
1223
|
-
}
|
|
1224
|
-
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
|
|
1212
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
1225
1213
|
font-size: 2.2em;
|
|
1226
1214
|
line-height: 2.6;
|
|
1227
1215
|
}
|
|
1228
|
-
.video-js.
|
|
1229
|
-
|
|
1216
|
+
.video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
|
|
1217
|
+
background: #fcb700;
|
|
1230
1218
|
}
|
|
1231
|
-
.video-js.
|
|
1219
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
1232
1220
|
z-index: 1 !important;
|
|
1233
|
-
height:
|
|
1221
|
+
height: 5em !important;
|
|
1234
1222
|
background: black !important;
|
|
1235
1223
|
}
|
|
1224
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
1225
|
+
display: flex;
|
|
1226
|
+
align-items: center;
|
|
1227
|
+
justify-content: center;
|
|
1228
|
+
}
|
|
1236
1229
|
|
|
1237
|
-
.video-js.
|
|
1230
|
+
.video-js.skin_news_live .vjs-fade>* {
|
|
1238
1231
|
visibility: hidden !important;
|
|
1239
1232
|
opacity: 0 !important;
|
|
1240
1233
|
transition: visibility 1s, opacity 1s !important;
|
|
1241
1234
|
}
|
|
1242
1235
|
|
|
1243
|
-
.video-js.
|
|
1236
|
+
.video-js.skin_news_live .custom-spaced-progress-bar {
|
|
1244
1237
|
position: absolute;
|
|
1245
1238
|
width: 100%;
|
|
1246
1239
|
display: flex;
|
|
@@ -1248,7 +1241,7 @@
|
|
|
1248
1241
|
top: -0.5em;
|
|
1249
1242
|
}
|
|
1250
1243
|
|
|
1251
|
-
.video-js.
|
|
1244
|
+
.video-js.skin_news_live .vjs-progress-control {
|
|
1252
1245
|
/* left: -6px; */
|
|
1253
1246
|
position: relative;
|
|
1254
1247
|
width: 100%;
|
|
@@ -1256,22 +1249,25 @@
|
|
|
1256
1249
|
transition: height 0.1s, top 0.1s;
|
|
1257
1250
|
}
|
|
1258
1251
|
|
|
1252
|
+
.video-js.skin_news_live .vjs-volume-panel{
|
|
1253
|
+
min-width: 5.3em;
|
|
1254
|
+
}
|
|
1259
1255
|
|
|
1260
1256
|
|
|
1261
1257
|
|
|
1262
|
-
.video-js.
|
|
1263
|
-
display: block;
|
|
1264
|
-
flex: 1 1 auto;
|
|
1258
|
+
.video-js.skin_news_live .vjs-custom-control-spacer {
|
|
1259
|
+
/* display: block; */
|
|
1260
|
+
/* flex: 1 1 auto; */
|
|
1265
1261
|
}
|
|
1266
1262
|
|
|
1267
|
-
.video-js.
|
|
1263
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
1268
1264
|
margin: 0 0px 0 0px;
|
|
1269
1265
|
}
|
|
1270
|
-
.video-js.
|
|
1266
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1271
1267
|
display: none;
|
|
1272
1268
|
}
|
|
1273
1269
|
|
|
1274
|
-
.video-js.
|
|
1270
|
+
.video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
1275
1271
|
font-size: 14px;
|
|
1276
1272
|
font-weight: 500;
|
|
1277
1273
|
align-self: center;
|
|
@@ -1280,207 +1276,199 @@
|
|
|
1280
1276
|
border-radius: 8px;
|
|
1281
1277
|
}
|
|
1282
1278
|
|
|
1283
|
-
.video-js.
|
|
1284
|
-
height:
|
|
1279
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
1280
|
+
height: 6px !important;
|
|
1285
1281
|
}
|
|
1286
1282
|
|
|
1287
|
-
.video-js.
|
|
1288
|
-
font-size: 1.
|
|
1283
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
1284
|
+
font-size: 1.5em;
|
|
1289
1285
|
line-height: unset;
|
|
1290
1286
|
top: -0.3333333333em;
|
|
1291
1287
|
}
|
|
1292
1288
|
|
|
1293
|
-
.video-js.
|
|
1289
|
+
.video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
|
|
1294
1290
|
display: none !important;
|
|
1295
1291
|
}
|
|
1296
1292
|
|
|
1297
1293
|
/* */
|
|
1298
|
-
.video-js.
|
|
1294
|
+
.video-js.skin_news_live .vjs-mouse-display{
|
|
1299
1295
|
font-size: 1.6666666667em;
|
|
1300
1296
|
}
|
|
1301
1297
|
|
|
1302
|
-
.video-js.
|
|
1298
|
+
.video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
|
|
1303
1299
|
font-size: 1em !important;
|
|
1304
1300
|
}
|
|
1305
1301
|
|
|
1306
|
-
.video-js.
|
|
1307
|
-
width: 3em;
|
|
1302
|
+
.video-js.skin_news_live .vjs-button{
|
|
1303
|
+
width: 5.3em;
|
|
1308
1304
|
display: flex;
|
|
1309
1305
|
align-items: center;
|
|
1310
1306
|
justify-content: center;
|
|
1311
1307
|
}
|
|
1312
1308
|
|
|
1313
1309
|
|
|
1314
|
-
.video-js.
|
|
1310
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
1315
1311
|
.icon-maximize {
|
|
1316
1312
|
display: block;
|
|
1317
1313
|
height: 32px;
|
|
1318
1314
|
}
|
|
1319
1315
|
|
|
1320
|
-
.video-js.
|
|
1316
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
1321
1317
|
line-height: 4;
|
|
1322
1318
|
}
|
|
1323
1319
|
|
|
1324
|
-
.video-js.
|
|
1320
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
1325
1321
|
.icon-minimize {
|
|
1326
1322
|
display: none;
|
|
1327
1323
|
height: 32px;
|
|
1328
1324
|
}
|
|
1329
1325
|
|
|
1330
|
-
.video-js.
|
|
1326
|
+
.video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
|
|
1331
1327
|
outline: none !important;
|
|
1328
|
+
/* flex: 1; */
|
|
1332
1329
|
}
|
|
1333
|
-
.video-js.
|
|
1330
|
+
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
1331
|
+
display: flex;
|
|
1332
|
+
flex: 1;
|
|
1333
|
+
justify-content: center;
|
|
1334
|
+
}
|
|
1335
|
+
|
|
1336
|
+
|
|
1337
|
+
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
1334
1338
|
.vjs-icon-fullscreen-enter:before {
|
|
1335
1339
|
/* content: '' !important; */
|
|
1336
1340
|
}
|
|
1337
1341
|
|
|
1338
|
-
.video-js.
|
|
1342
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
1339
1343
|
display: flex;
|
|
1340
1344
|
justify-content: center;
|
|
1341
1345
|
align-items: center;
|
|
1342
1346
|
/* transform: rotate(90deg); */
|
|
1343
1347
|
}
|
|
1344
1348
|
|
|
1345
|
-
.video-js.
|
|
1349
|
+
.video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
1346
1350
|
display: none;
|
|
1347
1351
|
}
|
|
1348
|
-
.video-js.
|
|
1352
|
+
.video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
|
|
1349
1353
|
margin-left: -10px;
|
|
1350
|
-
display: none;
|
|
1351
|
-
}
|
|
1352
|
-
|
|
1353
|
-
.video-js.skin_mini .vjs-loading-spinner {
|
|
1354
|
-
position: absolute;
|
|
1355
|
-
top: 50%;
|
|
1356
|
-
left: 50%;
|
|
1357
|
-
transform: translate(-50%, -50%);
|
|
1358
|
-
opacity: .85;
|
|
1359
|
-
text-align: left;
|
|
1360
|
-
border: .2em solid rgba(43, 51, 63, .7);
|
|
1361
|
-
box-sizing: border-box;
|
|
1362
|
-
background-clip: padding-box;
|
|
1363
|
-
width: 3em;
|
|
1364
|
-
height: 3em;
|
|
1365
|
-
border-radius: 50%;
|
|
1366
|
-
visibility: hidden;
|
|
1367
1354
|
}
|
|
1368
1355
|
|
|
1369
|
-
.video-js.
|
|
1356
|
+
.video-js.skin_news_live .skipbtn:hover{
|
|
1370
1357
|
cursor: pointer;
|
|
1371
1358
|
}
|
|
1372
1359
|
|
|
1373
|
-
.video-js.
|
|
1360
|
+
.video-js.skin_news_live .rewindbtn:hover{
|
|
1374
1361
|
cursor: pointer;
|
|
1375
1362
|
}
|
|
1376
1363
|
|
|
1377
|
-
.video-js.
|
|
1364
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
1378
1365
|
position: relative;
|
|
1379
1366
|
padding-left: 0;
|
|
1380
1367
|
}
|
|
1381
1368
|
|
|
1382
|
-
.video-js.
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1369
|
+
.video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
|
|
1370
|
+
display: none !important;
|
|
1371
|
+
}
|
|
1372
|
+
|
|
1373
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
1374
|
+
/* width: 90px;
|
|
1375
|
+
height: 90px;
|
|
1376
|
+
display: flex;
|
|
1377
|
+
justify-content: center;
|
|
1378
|
+
align-items: center;
|
|
1379
|
+
border-radius: 50%;
|
|
1380
|
+
position: absolute;
|
|
1381
|
+
top: 0;
|
|
1382
|
+
left: 0;
|
|
1383
|
+
right: 0;
|
|
1384
|
+
bottom: 0;
|
|
1385
|
+
margin: auto;
|
|
1386
|
+
font-size: 6em;
|
|
1387
|
+
line-height: 1.4em;
|
|
1388
|
+
border: 0.05em solid;
|
|
1389
|
+
color: inherit; */
|
|
1390
|
+
display: none !important;
|
|
1399
1391
|
}
|
|
1400
|
-
|
|
1401
|
-
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
1392
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
1402
1393
|
font-weight: bold;
|
|
1403
1394
|
}
|
|
1404
1395
|
|
|
1405
|
-
.video-js.
|
|
1406
|
-
bottom:
|
|
1407
|
-
right: 1em;
|
|
1396
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
|
|
1397
|
+
bottom: 2.4em !important;
|
|
1398
|
+
right: -1em;
|
|
1408
1399
|
z-index: 1;
|
|
1409
|
-
font-size: 10px;
|
|
1410
1400
|
}
|
|
1411
1401
|
|
|
1412
|
-
.video-js.
|
|
1402
|
+
.video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
|
|
1413
1403
|
width: 24px !important;
|
|
1414
1404
|
height: 24px !important;
|
|
1415
1405
|
}
|
|
1416
|
-
.
|
|
1406
|
+
.settings-selector-icon>svg{
|
|
1417
1407
|
height: 19px !important;
|
|
1418
1408
|
width: 19px !important;
|
|
1419
1409
|
}
|
|
1420
1410
|
|
|
1421
1411
|
|
|
1422
|
-
.video-js.
|
|
1412
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
1423
1413
|
cursor: pointer;
|
|
1424
1414
|
}
|
|
1425
1415
|
|
|
1426
|
-
.video-js.
|
|
1416
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
1427
1417
|
padding-right: 0;
|
|
1418
|
+
display: none;
|
|
1428
1419
|
}
|
|
1429
1420
|
|
|
1430
|
-
.video-js.
|
|
1421
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
1431
1422
|
padding-left: 0;
|
|
1423
|
+
display: none;
|
|
1432
1424
|
}
|
|
1433
1425
|
|
|
1434
|
-
.video-js.
|
|
1426
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
1435
1427
|
padding-left: 0;
|
|
1436
1428
|
padding-right: 0;
|
|
1437
|
-
display:
|
|
1438
|
-
justify-content: center;
|
|
1439
|
-
width: min-content;
|
|
1429
|
+
display: none;
|
|
1440
1430
|
}
|
|
1441
1431
|
|
|
1442
|
-
.video-js.
|
|
1432
|
+
.video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
|
|
1443
1433
|
display: none
|
|
1444
1434
|
}
|
|
1445
|
-
.video-js.
|
|
1435
|
+
.video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
1446
1436
|
display: none
|
|
1447
1437
|
}
|
|
1448
1438
|
|
|
1449
|
-
.video-js.
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
padding-left: 0;
|
|
1439
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control {
|
|
1440
|
+
display: flex;
|
|
1441
|
+
align-items: center;
|
|
1442
|
+
font-weight: 700;
|
|
1443
|
+
font-size: 12px;
|
|
1444
|
+
min-width: 1.2em;
|
|
1456
1445
|
}
|
|
1457
1446
|
|
|
1458
|
-
.video-js.
|
|
1447
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
1459
1448
|
display: none;
|
|
1460
1449
|
font-size: 11px;
|
|
1461
1450
|
justify-content: center;
|
|
1462
1451
|
align-items: center;
|
|
1463
1452
|
user-select: none;
|
|
1464
1453
|
}
|
|
1465
|
-
.video-js.
|
|
1454
|
+
.video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1466
1455
|
display: none;
|
|
1467
1456
|
}
|
|
1468
1457
|
|
|
1469
|
-
.video-js.
|
|
1458
|
+
.video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
1470
1459
|
height: min-content;
|
|
1471
1460
|
width: min-content;
|
|
1472
1461
|
}
|
|
1473
|
-
.video-js.
|
|
1474
|
-
width:
|
|
1475
|
-
margin-right: 4px;
|
|
1462
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1463
|
+
width: 6em;
|
|
1476
1464
|
}
|
|
1477
1465
|
|
|
1478
|
-
.video-js.
|
|
1466
|
+
.video-js.skin_news_live .content{
|
|
1479
1467
|
bottom: 3.4rem !important;
|
|
1480
1468
|
right: -4rem !important;
|
|
1481
1469
|
}
|
|
1482
1470
|
|
|
1483
|
-
.
|
|
1471
|
+
.setting-icon > svg{
|
|
1484
1472
|
height:18px !important;
|
|
1485
1473
|
}
|
|
1486
1474
|
|
|
@@ -1494,16 +1482,16 @@
|
|
|
1494
1482
|
pointer-events:none
|
|
1495
1483
|
}
|
|
1496
1484
|
|
|
1497
|
-
.video-js.
|
|
1485
|
+
.video-js.skin_news_live iframe{
|
|
1498
1486
|
width: 100%;
|
|
1499
1487
|
height: 100%;
|
|
1500
1488
|
}
|
|
1501
1489
|
|
|
1502
|
-
.video-js.
|
|
1490
|
+
.video-js.skin_news_live .vjs-live-control{
|
|
1503
1491
|
align-items: center;
|
|
1504
|
-
|
|
1492
|
+
display: none;
|
|
1505
1493
|
}
|
|
1506
|
-
.video-js.
|
|
1494
|
+
.video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
|
|
1507
1495
|
height: 2.2em;
|
|
1508
1496
|
display: flex;
|
|
1509
1497
|
align-items: center;
|
|
@@ -1511,188 +1499,200 @@
|
|
|
1511
1499
|
width: 4em;
|
|
1512
1500
|
justify-content: center;
|
|
1513
1501
|
background: red;
|
|
1514
|
-
margin: 4px 0px 4px
|
|
1502
|
+
margin: 4px 0px 4px 12px;
|
|
1515
1503
|
}
|
|
1516
1504
|
|
|
1517
|
-
.video-js.
|
|
1505
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
|
|
1518
1506
|
text-shadow: none;
|
|
1519
1507
|
}
|
|
1520
|
-
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
1521
|
-
display: none;
|
|
1522
|
-
font-size: 12px;
|
|
1523
|
-
}
|
|
1524
1508
|
|
|
1525
|
-
.video-js.
|
|
1526
|
-
|
|
1527
|
-
display: inline-flex;
|
|
1528
|
-
align-items: center;
|
|
1529
|
-
font-family: monospace;
|
|
1509
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
|
|
1510
|
+
display: flex;
|
|
1530
1511
|
justify-content: center;
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
padding: 2px 4px;
|
|
1535
|
-
font-size: 1.2em;
|
|
1536
|
-
font-weight: 500;
|
|
1537
|
-
color: rgba(255, 255, 2555, 0.7);
|
|
1512
|
+
min-width: 5.3em;
|
|
1513
|
+
pointer-events: none;
|
|
1514
|
+
user-select: none;
|
|
1538
1515
|
}
|
|
1539
1516
|
|
|
1540
|
-
.video-js.
|
|
1541
|
-
|
|
1542
|
-
word-spacing: -4px;
|
|
1517
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
|
|
1518
|
+
color: white;
|
|
1543
1519
|
}
|
|
1544
1520
|
|
|
1545
1521
|
|
|
1546
|
-
|
|
1522
|
+
.settings-selection.vjs-control.vjs-button{
|
|
1523
|
+
display: flex !important;
|
|
1524
|
+
}
|
|
1525
|
+
|
|
1526
|
+
@media(max-width:576px){
|
|
1527
|
+
.settings-selection.vjs-control.vjs-button{
|
|
1528
|
+
display: none !important;
|
|
1529
|
+
}
|
|
1530
|
+
}
|
|
1531
|
+
|
|
1532
|
+
|
|
1533
|
+
@media(max-width:576px){
|
|
1547
1534
|
.tvProviderImage{
|
|
1548
1535
|
display: none
|
|
1549
1536
|
}
|
|
1550
|
-
.video-js.
|
|
1537
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
1551
1538
|
.icon-maximize {
|
|
1552
1539
|
height: 30px !important;
|
|
1553
1540
|
}
|
|
1554
1541
|
|
|
1555
|
-
.video-js.
|
|
1542
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
1556
1543
|
.icon-minimize {
|
|
1557
1544
|
height: 30px !important;
|
|
1558
1545
|
}
|
|
1559
|
-
.video-js.
|
|
1560
|
-
width:
|
|
1546
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1547
|
+
width: 4.5em;
|
|
1561
1548
|
}
|
|
1562
|
-
.video-js.
|
|
1549
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
1563
1550
|
height: min-content;
|
|
1564
1551
|
}
|
|
1565
1552
|
|
|
1566
|
-
.video-js.
|
|
1553
|
+
.video-js.skin_news_live button.vjs-slowmo-button{
|
|
1567
1554
|
display: none;
|
|
1568
1555
|
}
|
|
1569
|
-
.video-js.
|
|
1556
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
1570
1557
|
display: none;
|
|
1571
1558
|
}
|
|
1572
|
-
.video-js.
|
|
1559
|
+
.video-js.skin_news_live button.vjs-rewind-button>svg{
|
|
1573
1560
|
height: 20px;
|
|
1574
1561
|
}
|
|
1575
|
-
.video-js.
|
|
1576
|
-
width:
|
|
1562
|
+
.video-js.skin_news_live .vjs-button{
|
|
1563
|
+
width: 4.8em;
|
|
1577
1564
|
}
|
|
1578
|
-
.video-js.
|
|
1565
|
+
.video-js.skin_news_live .widget-selection{
|
|
1579
1566
|
display: none;
|
|
1580
1567
|
}
|
|
1581
|
-
.video-js.
|
|
1568
|
+
.video-js.skin_news_live .container{
|
|
1582
1569
|
display: none !important;
|
|
1583
1570
|
}
|
|
1584
|
-
.video-js.
|
|
1571
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
1585
1572
|
height: 4em !important;
|
|
1586
1573
|
}
|
|
1587
|
-
.video-js.
|
|
1574
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
|
|
1588
1575
|
font-size: 2.5em;
|
|
1589
1576
|
line-height: 1.5;
|
|
1590
1577
|
}
|
|
1591
|
-
.video-js.
|
|
1578
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
1592
1579
|
font-size: 1.2em;
|
|
1593
1580
|
position: absolute;
|
|
1594
1581
|
right: -0.5em;
|
|
1595
1582
|
z-index: 1;
|
|
1596
1583
|
}
|
|
1597
|
-
.video-js.
|
|
1584
|
+
.video-js.skin_news_live button.vjs-skip-button>svg{
|
|
1598
1585
|
height: 20px;
|
|
1599
1586
|
}
|
|
1587
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
1588
|
+
width: 50px !important;
|
|
1589
|
+
height: 50px !important;
|
|
1590
|
+
font-size: 2.1rem !important;
|
|
1591
|
+
}
|
|
1600
1592
|
|
|
1601
1593
|
.stream-selector-icon>svg{
|
|
1602
1594
|
width: 24px;
|
|
1603
1595
|
height: 24px;
|
|
1604
1596
|
}
|
|
1605
|
-
.video-js.
|
|
1597
|
+
.video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
1598
|
+
margin: 0 12px 0 12px;
|
|
1599
|
+
}
|
|
1600
|
+
.video-js.skin_news_live .vjs-seek-to-live-text{
|
|
1606
1601
|
font-size: 12px;
|
|
1607
1602
|
}
|
|
1603
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
1604
|
+
margin: 0 12px 0 12px;
|
|
1608
1605
|
}
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1606
|
+
}
|
|
1607
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
1608
|
+
width: 90px;
|
|
1609
|
+
height: 90px;
|
|
1610
|
+
display: flex;
|
|
1611
|
+
justify-content: center;
|
|
1612
|
+
align-items: center;
|
|
1613
|
+
border-radius: 50%;
|
|
1614
|
+
position: absolute;
|
|
1615
|
+
top: 0;
|
|
1616
|
+
left: 0;
|
|
1617
|
+
right: 0;
|
|
1618
|
+
bottom: 0;
|
|
1619
|
+
margin: auto;
|
|
1620
|
+
font-size: 6em;
|
|
1621
|
+
line-height: 1.4em;
|
|
1613
1622
|
}
|
|
1614
1623
|
|
|
1615
|
-
|
|
1616
|
-
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1624
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1617
1625
|
display: flex;
|
|
1618
1626
|
justify-content: center;
|
|
1619
1627
|
align-items: center;
|
|
1620
1628
|
height: 100%;
|
|
1621
1629
|
transition: width 0.1s;
|
|
1622
1630
|
}
|
|
1623
|
-
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
1624
|
-
margin: 2px;
|
|
1625
|
-
}
|
|
1626
1631
|
|
|
1627
|
-
.video-js.
|
|
1632
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1628
1633
|
display: flex;
|
|
1629
1634
|
justify-content: center;
|
|
1630
1635
|
align-items: center;
|
|
1631
1636
|
height: 100%;
|
|
1632
1637
|
transition: width 0.1s;
|
|
1633
1638
|
}
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
display: block;
|
|
1637
|
-
font-size: 10px;
|
|
1638
|
-
padding: 6px 10px;
|
|
1639
|
-
margin: 0;
|
|
1640
|
-
max-height: 100%;
|
|
1641
|
-
overflow-y: auto;
|
|
1642
|
-
}
|
|
1643
|
-
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
|
|
1644
|
-
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
|
|
1645
|
-
.video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
|
|
1646
|
-
display: block;
|
|
1647
|
-
width: 100%;
|
|
1648
|
-
}
|
|
1649
|
-
.video-js.skin_mini .vjs-text-track-settings fieldset{
|
|
1650
|
-
margin: 4px 0;
|
|
1651
|
-
}
|
|
1652
|
-
.video-js.skin_mini .vjs-text-track-settings fieldset span{
|
|
1653
|
-
display: block;
|
|
1654
|
-
padding: 0 0 6px;
|
|
1655
|
-
}
|
|
1656
|
-
.video-js.skin_mini .vjs-text-track-settings fieldset span > select{
|
|
1657
|
-
max-width: 100%;
|
|
1639
|
+
.video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1640
|
+
display: none !important;
|
|
1658
1641
|
}
|
|
1659
1642
|
|
|
1660
|
-
@media (max-width:
|
|
1661
|
-
.video-js.
|
|
1643
|
+
@media (max-width: 576px) {
|
|
1644
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
1662
1645
|
height: 5px !important;
|
|
1663
1646
|
}
|
|
1647
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
1648
|
+
width: 50px !important;
|
|
1649
|
+
height: 50px !important;
|
|
1650
|
+
font-size: 2.1rem !important;
|
|
1651
|
+
}
|
|
1664
1652
|
|
|
1665
|
-
.
|
|
1653
|
+
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1666
1654
|
display: none;
|
|
1667
1655
|
}
|
|
1656
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
|
|
1657
|
+
bottom: 2.4em !important;
|
|
1658
|
+
right: -1em;
|
|
1659
|
+
z-index: 1;
|
|
1660
|
+
}
|
|
1661
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1662
|
+
display: none !important;
|
|
1663
|
+
}
|
|
1668
1664
|
|
|
1669
1665
|
}
|
|
1670
1666
|
|
|
1671
|
-
.video-js.
|
|
1672
|
-
|
|
1673
|
-
fill: none !important;
|
|
1674
|
-
filter: none !important;
|
|
1667
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml {
|
|
1668
|
+
width: 100% !important;
|
|
1675
1669
|
}
|
|
1676
1670
|
|
|
1677
|
-
|
|
1678
|
-
.video-js.
|
|
1679
|
-
|
|
1671
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1672
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1673
|
+
font-size: 1.2em !important;
|
|
1674
|
+
line-height: 1.5em !important;
|
|
1675
|
+
padding: 0.2em 0.8em !important;
|
|
1680
1676
|
}
|
|
1681
1677
|
|
|
1682
|
-
.video-js.
|
|
1683
|
-
|
|
1678
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
|
|
1679
|
+
content: none !important;
|
|
1680
|
+
fill: none !important;
|
|
1681
|
+
filter: none !important;
|
|
1684
1682
|
}
|
|
1685
1683
|
|
|
1686
|
-
.video-js.
|
|
1684
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1687
1685
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1688
1686
|
}
|
|
1689
1687
|
|
|
1690
|
-
.video-js.
|
|
1688
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1691
1689
|
color: rgba(255, 255, 2555, 1)!important;
|
|
1692
1690
|
}
|
|
1693
1691
|
|
|
1694
1692
|
|
|
1695
1693
|
|
|
1694
|
+
|
|
1695
|
+
|
|
1696
1696
|
.video-js.skin_cn_news .vjs-control-bar {
|
|
1697
1697
|
z-index: 1 !important;
|
|
1698
1698
|
height: auto !important;
|
|
@@ -2206,6 +2206,7 @@
|
|
|
2206
2206
|
|
|
2207
2207
|
|
|
2208
2208
|
|
|
2209
|
+
|
|
2209
2210
|
.video-js .multicamera-parent.default{
|
|
2210
2211
|
height: 345px;
|
|
2211
2212
|
position: absolute;
|
|
@@ -2287,7 +2288,6 @@
|
|
|
2287
2288
|
|
|
2288
2289
|
|
|
2289
2290
|
|
|
2290
|
-
|
|
2291
2291
|
.vjs-custom-big-mute.vjs-control{
|
|
2292
2292
|
position: absolute;
|
|
2293
2293
|
align-items: center;
|