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