@viewlift/player-backup 2.0.204-backup → 2.0.206-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.
Files changed (9) hide show
  1. package/cjs/bundle.css +262 -262
  2. package/cjs/{index-c30e866b.js → index-a792959a.js} +1 -1
  3. package/cjs/index.js +1 -1
  4. package/cjs/{skin-7444cf90.js → skin-26de3085.js} +1 -1
  5. package/esm/bundle.css +262 -262
  6. package/esm/{index-69dba67d.js → index-5ea757fb.js} +1 -1
  7. package/esm/index.js +1 -1
  8. package/esm/{skin-76caf837.js → skin-e5082af0.js} +1 -1
  9. package/package.json +1 -1
package/cjs/bundle.css CHANGED
@@ -2,8 +2,6 @@
2
2
 
3
3
 
4
4
 
5
-
6
-
7
5
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
8
6
  height: 0.7em;
9
7
  position: absolute;
@@ -240,6 +238,8 @@
240
238
  font-weight: bold
241
239
  }
242
240
 
241
+
242
+
243
243
  .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
244
244
  font-size: 2.2em;
245
245
  line-height: 2.6;
@@ -709,31 +709,31 @@ iframe{
709
709
  }
710
710
 
711
711
 
712
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
712
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
713
713
  font-size: 2.2em;
714
714
  line-height: 2.6;
715
715
  }
716
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
717
- background: #fcb700;
716
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
717
+ background: white;
718
718
  }
719
- .video-js.skin_news_live .vjs-control-bar{
719
+ .video-js.skin_news .vjs-control-bar{
720
720
  z-index: 1 !important;
721
721
  height: 5em !important;
722
722
  background: black !important;
723
723
  }
724
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
724
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
725
725
  display: flex;
726
726
  align-items: center;
727
727
  justify-content: center;
728
728
  }
729
729
 
730
- .video-js.skin_news_live .vjs-fade>* {
730
+ .video-js.skin_news .vjs-fade>* {
731
731
  visibility: hidden !important;
732
732
  opacity: 0 !important;
733
733
  transition: visibility 1s, opacity 1s !important;
734
734
  }
735
735
 
736
- .video-js.skin_news_live .custom-spaced-progress-bar {
736
+ .video-js.skin_news .custom-spaced-progress-bar {
737
737
  position: absolute;
738
738
  width: 100%;
739
739
  display: flex;
@@ -741,7 +741,7 @@ iframe{
741
741
  top: -0.5em;
742
742
  }
743
743
 
744
- .video-js.skin_news_live .vjs-progress-control {
744
+ .video-js.skin_news .vjs-progress-control {
745
745
  /* left: -6px; */
746
746
  position: relative;
747
747
  width: 100%;
@@ -749,25 +749,22 @@ iframe{
749
749
  transition: height 0.1s, top 0.1s;
750
750
  }
751
751
 
752
- .video-js.skin_news_live .vjs-volume-panel{
753
- min-width: 5.3em;
754
- }
755
752
 
756
753
 
757
754
 
758
- .video-js.skin_news_live .vjs-custom-control-spacer {
759
- /* display: block; */
760
- /* flex: 1 1 auto; */
755
+ .video-js.skin_news .vjs-custom-control-spacer {
756
+ display: block;
757
+ flex: 1 1 auto;
761
758
  }
762
759
 
763
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
760
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
764
761
  margin: 0 0px 0 0px;
765
762
  }
766
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
763
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
767
764
  display: none;
768
765
  }
769
766
 
770
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
767
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
771
768
  font-size: 14px;
772
769
  font-weight: 500;
773
770
  align-self: center;
@@ -776,30 +773,30 @@ iframe{
776
773
  border-radius: 8px;
777
774
  }
778
775
 
779
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
776
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
780
777
  height: 6px !important;
781
778
  }
782
779
 
783
- .video-js.skin_news_live .vjs-play-progress:before {
780
+ .video-js.skin_news .vjs-play-progress:before {
784
781
  font-size: 1.5em;
785
782
  line-height: unset;
786
783
  top: -0.3333333333em;
787
784
  }
788
785
 
789
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
786
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
790
787
  display: none !important;
791
788
  }
792
789
 
793
790
  /* */
794
- .video-js.skin_news_live .vjs-mouse-display{
791
+ .video-js.skin_news .vjs-mouse-display{
795
792
  font-size: 1.6666666667em;
796
793
  }
797
794
 
798
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
795
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
799
796
  font-size: 1em !important;
800
797
  }
801
798
 
802
- .video-js.skin_news_live .vjs-button{
799
+ .video-js.skin_news .vjs-button{
803
800
  width: 5.3em;
804
801
  display: flex;
805
802
  align-items: center;
@@ -807,71 +804,63 @@ iframe{
807
804
  }
808
805
 
809
806
 
810
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
807
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
811
808
  .icon-maximize {
812
809
  display: block;
813
810
  height: 32px;
814
811
  }
815
812
 
816
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
813
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
817
814
  line-height: 4;
818
815
  }
819
816
 
820
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
817
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
821
818
  .icon-minimize {
822
819
  display: none;
823
820
  height: 32px;
824
821
  }
825
822
 
826
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
823
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
827
824
  outline: none !important;
828
- /* flex: 1; */
829
825
  }
830
- .video-js.skin_news_live .vjs-play-toggle-container{
831
- display: flex;
832
- flex: 1;
833
- justify-content: center;
834
- }
835
-
836
-
837
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
826
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
838
827
  .vjs-icon-fullscreen-enter:before {
839
828
  /* content: '' !important; */
840
829
  }
841
830
 
842
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
831
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
843
832
  display: flex;
844
833
  justify-content: center;
845
834
  align-items: center;
846
835
  /* transform: rotate(90deg); */
847
836
  }
848
837
 
849
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
838
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
850
839
  display: none;
851
840
  }
852
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
841
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
853
842
  margin-left: -10px;
854
843
  }
855
844
 
856
- .video-js.skin_news_live .skipbtn:hover{
845
+ .video-js.skin_news .skipbtn:hover{
857
846
  cursor: pointer;
858
847
  }
859
848
 
860
- .video-js.skin_news_live .rewindbtn:hover{
849
+ .video-js.skin_news .rewindbtn:hover{
861
850
  cursor: pointer;
862
851
  }
863
852
 
864
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
853
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
865
854
  position: relative;
866
855
  padding-left: 0;
867
856
  }
868
857
 
869
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
858
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
870
859
  display: none !important;
871
860
  }
872
861
 
873
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
874
- /* width: 90px;
862
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
863
+ width: 90px;
875
864
  height: 90px;
876
865
  display: flex;
877
866
  justify-content: center;
@@ -886,20 +875,19 @@ iframe{
886
875
  font-size: 6em;
887
876
  line-height: 1.4em;
888
877
  border: 0.05em solid;
889
- color: inherit; */
890
- display: none !important;
878
+ color: inherit;
891
879
  }
892
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
880
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
893
881
  font-weight: bold;
894
882
  }
895
883
 
896
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
884
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
897
885
  bottom: 2.4em !important;
898
886
  right: -1em;
899
887
  z-index: 1;
900
888
  }
901
889
 
902
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
890
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
903
891
  width: 24px !important;
904
892
  height: 24px !important;
905
893
  }
@@ -909,34 +897,34 @@ iframe{
909
897
  }
910
898
 
911
899
 
912
- .video-js.skin_news_live button.vjs-rewind-button{
900
+ .video-js.skin_news button.vjs-rewind-button{
913
901
  cursor: pointer;
914
902
  }
915
903
 
916
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
904
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
917
905
  padding-right: 0;
918
- display: none;
919
906
  }
920
907
 
921
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
908
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
922
909
  padding-left: 0;
923
- display: none;
924
910
  }
925
911
 
926
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
912
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
927
913
  padding-left: 0;
928
914
  padding-right: 0;
929
- display: none;
915
+ display: flex;
916
+ justify-content: center;
917
+ width: min-content;
930
918
  }
931
919
 
932
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
920
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
933
921
  display: none
934
922
  }
935
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
923
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
936
924
  display: none
937
925
  }
938
926
 
939
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
927
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
940
928
  display: flex;
941
929
  align-items: center;
942
930
  font-weight: 700;
@@ -944,26 +932,26 @@ iframe{
944
932
  min-width: 1.2em;
945
933
  }
946
934
 
947
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
935
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
948
936
  display: none;
949
937
  font-size: 11px;
950
938
  justify-content: center;
951
939
  align-items: center;
952
940
  user-select: none;
953
941
  }
954
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
942
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
955
943
  display: none;
956
944
  }
957
945
 
958
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
946
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
959
947
  height: min-content;
960
948
  width: min-content;
961
949
  }
962
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
950
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
963
951
  width: 6em;
964
952
  }
965
953
 
966
- .video-js.skin_news_live .content{
954
+ .video-js.skin_news .content{
967
955
  bottom: 3.4rem !important;
968
956
  right: -4rem !important;
969
957
  }
@@ -987,11 +975,10 @@ iframe{
987
975
  height: 100%;
988
976
  }
989
977
 
990
- .video-js.skin_news_live .vjs-live-control{
978
+ .video-js.skin_news .vjs-live-control{
991
979
  align-items: center;
992
- display: none;
993
980
  }
994
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
981
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
995
982
  height: 2.2em;
996
983
  display: flex;
997
984
  align-items: center;
@@ -1002,22 +989,43 @@ iframe{
1002
989
  margin: 4px 0px 4px 12px;
1003
990
  }
1004
991
 
1005
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
992
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1006
993
  text-shadow: none;
1007
994
  }
995
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
996
+ display: none;
997
+ font-size: 12px;
998
+ }
1008
999
 
1009
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1010
- display: flex;
1000
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1001
+ height: 2.2em;
1002
+ display: inline-flex;
1003
+ align-items: center;
1004
+ /* font-family: monospace; */
1011
1005
  justify-content: center;
1012
- min-width: 5.3em;
1013
- pointer-events: none;
1014
- user-select: none;
1006
+ border: 2px solid;
1007
+ margin: 4px 0px 4px 6px;
1008
+ white-space: pre;
1009
+ padding: 0px 6px;
1010
+ font-size: 1.2em;
1011
+ font-weight: 500;
1012
+ color: rgba(255, 255, 2555, 0.7);
1013
+
1014
+ letter-spacing: -.1px;
1015
+ line-height: normal;
1016
+ text-transform: uppercase;
1017
+ color: #FFFFFF;
1018
+ opacity: .7;
1019
+ font-family: "Proxima Nova";
1015
1020
  }
1016
1021
 
1017
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1018
- color: white;
1022
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1023
+ opacity: 1;
1019
1024
  }
1020
1025
 
1026
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1027
+ content: "NOT LIVE";
1028
+ }
1021
1029
 
1022
1030
  .settings-selection.vjs-control.vjs-button{
1023
1031
  display: flex !important;
@@ -1034,57 +1042,57 @@ iframe{
1034
1042
  .tvProviderImage{
1035
1043
  display: none
1036
1044
  }
1037
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1045
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1038
1046
  .icon-maximize {
1039
1047
  height: 30px !important;
1040
1048
  }
1041
1049
 
1042
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1050
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1043
1051
  .icon-minimize {
1044
1052
  height: 30px !important;
1045
1053
  }
1046
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1054
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1047
1055
  width: 4.5em;
1048
1056
  }
1049
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1057
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1050
1058
  height: min-content;
1051
1059
  }
1052
1060
 
1053
- .video-js.skin_news_live button.vjs-slowmo-button{
1061
+ .video-js.skin_news button.vjs-slowmo-button{
1054
1062
  display: none;
1055
1063
  }
1056
- .video-js.skin_news_live button.vjs-rewind-button{
1064
+ .video-js.skin_news button.vjs-rewind-button{
1057
1065
  display: none;
1058
1066
  }
1059
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1067
+ .video-js.skin_news button.vjs-rewind-button>svg{
1060
1068
  height: 20px;
1061
1069
  }
1062
- .video-js.skin_news_live .vjs-button{
1070
+ .video-js.skin_news .vjs-button{
1063
1071
  width: 4.8em;
1064
1072
  }
1065
- .video-js.skin_news_live .widget-selection{
1073
+ .video-js.skin_news .widget-selection{
1066
1074
  display: none;
1067
1075
  }
1068
- .video-js.skin_news_live .container{
1076
+ .video-js.skin_news .container{
1069
1077
  display: none !important;
1070
1078
  }
1071
- .video-js.skin_news_live .vjs-control-bar{
1079
+ .video-js.skin_news .vjs-control-bar{
1072
1080
  height: 4em !important;
1073
1081
  }
1074
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1082
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1075
1083
  font-size: 2.5em;
1076
1084
  line-height: 1.5;
1077
1085
  }
1078
- .video-js.skin_news_live .vjs-play-progress:before {
1086
+ .video-js.skin_news .vjs-play-progress:before {
1079
1087
  font-size: 1.2em;
1080
1088
  position: absolute;
1081
1089
  right: -0.5em;
1082
1090
  z-index: 1;
1083
1091
  }
1084
- .video-js.skin_news_live button.vjs-skip-button>svg{
1092
+ .video-js.skin_news button.vjs-skip-button>svg{
1085
1093
  height: 20px;
1086
1094
  }
1087
- .video-js.skin_news_live button.vjs-big-play-button {
1095
+ .video-js.skin_news button.vjs-big-play-button {
1088
1096
  width: 50px !important;
1089
1097
  height: 50px !important;
1090
1098
  font-size: 2.1rem !important;
@@ -1094,17 +1102,17 @@ iframe{
1094
1102
  width: 24px;
1095
1103
  height: 24px;
1096
1104
  }
1097
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1105
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1098
1106
  margin: 0 12px 0 12px;
1099
1107
  }
1100
- .video-js.skin_news_live .vjs-seek-to-live-text{
1108
+ .video-js.skin_news .vjs-seek-to-live-text{
1101
1109
  font-size: 12px;
1102
1110
  }
1103
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1111
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1104
1112
  margin: 0 12px 0 12px;
1105
1113
  }
1106
1114
  }
1107
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1115
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1108
1116
  width: 90px;
1109
1117
  height: 90px;
1110
1118
  display: flex;
@@ -1121,7 +1129,7 @@ iframe{
1121
1129
  line-height: 1.4em;
1122
1130
  }
1123
1131
 
1124
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1132
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1125
1133
  display: flex;
1126
1134
  justify-content: center;
1127
1135
  align-items: center;
@@ -1129,22 +1137,29 @@ iframe{
1129
1137
  transition: width 0.1s;
1130
1138
  }
1131
1139
 
1132
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1140
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1133
1141
  display: flex;
1134
1142
  justify-content: center;
1135
1143
  align-items: center;
1136
1144
  height: 100%;
1137
1145
  transition: width 0.1s;
1138
1146
  }
1139
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1147
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1140
1148
  display: none !important;
1141
1149
  }
1150
+ .video-js.skin_news .ssai-ad-container{
1151
+ position: absolute;
1152
+ bottom: 14px;
1153
+ }
1142
1154
 
1143
1155
  @media (max-width: 576px) {
1144
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1156
+ .video-js.skin_news .ssai-ad-container{
1157
+ bottom: 2px;
1158
+ }
1159
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1145
1160
  height: 5px !important;
1146
1161
  }
1147
- .video-js.skin_news_live button.vjs-big-play-button {
1162
+ .video-js.skin_news button.vjs-big-play-button {
1148
1163
  width: 50px !important;
1149
1164
  height: 50px !important;
1150
1165
  font-size: 2.1rem !important;
@@ -1153,89 +1168,100 @@ iframe{
1153
1168
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1154
1169
  display: none;
1155
1170
  }
1156
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1171
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1157
1172
  bottom: 2.4em !important;
1158
1173
  right: -1em;
1159
1174
  z-index: 1;
1160
1175
  }
1161
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1176
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1162
1177
  display: none !important;
1163
1178
  }
1164
1179
 
1165
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1180
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1166
1181
  color: white !important;
1167
1182
  font-size: 13px !important;
1168
1183
  background-color: black !important;
1169
1184
  }
1170
1185
  }
1171
1186
 
1172
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1173
- width: 100% !important;
1174
- }
1175
-
1176
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1187
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1177
1188
  color: white !important;
1178
1189
  font-size: 16px !important;
1179
1190
  background-color: black !important;
1180
1191
  }
1181
1192
 
1182
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1193
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1183
1194
  margin-bottom: 2rem !important;
1184
1195
  }
1185
1196
 
1186
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1197
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1187
1198
  font-size: 18px !important;
1188
1199
  }
1189
1200
 
1190
1201
 
1191
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1192
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1202
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1203
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1193
1204
  font-size: 1.2em !important;
1194
1205
  line-height: 1.5em !important;
1195
1206
  padding: 0.2em 0.8em !important;
1196
1207
  }
1197
1208
 
1198
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1209
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1199
1210
  content: none !important;
1200
1211
  fill: none !important;
1201
1212
  filter: none !important;
1202
1213
  }
1203
1214
 
1204
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1205
- color: rgba(255, 255, 2555, 0.7)!important;
1215
+ /* svg icons opacity and hover effect */
1216
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1217
+ opacity: 0.7 !important;
1206
1218
  }
1207
1219
 
1208
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1209
- color: rgba(255, 255, 2555, 1)!important;
1220
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1221
+ opacity: 1 !important;
1222
+ }
1223
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1224
+ opacity: 0.7 !important;
1225
+ }
1226
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1227
+ opacity: 1 !important;
1210
1228
  }
1211
1229
 
1230
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1231
+ color: rgba(255, 255, 2555, 0.7)!important;
1232
+ }
1212
1233
 
1234
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1235
+ color: rgba(255, 255, 2555, 1)!important;
1236
+ }
1213
1237
 
1214
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1238
+
1239
+
1240
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1215
1241
  font-size: 2.2em;
1216
1242
  line-height: 2.6;
1217
1243
  }
1218
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1219
- background: white;
1244
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1245
+ background: #fcb700;
1220
1246
  }
1221
- .video-js.skin_news .vjs-control-bar{
1247
+ .video-js.skin_news_live .vjs-control-bar{
1222
1248
  z-index: 1 !important;
1223
1249
  height: 5em !important;
1224
1250
  background: black !important;
1225
1251
  }
1226
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1252
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1227
1253
  display: flex;
1228
1254
  align-items: center;
1229
1255
  justify-content: center;
1230
1256
  }
1231
1257
 
1232
- .video-js.skin_news .vjs-fade>* {
1258
+ .video-js.skin_news_live .vjs-fade>* {
1233
1259
  visibility: hidden !important;
1234
1260
  opacity: 0 !important;
1235
1261
  transition: visibility 1s, opacity 1s !important;
1236
1262
  }
1237
1263
 
1238
- .video-js.skin_news .custom-spaced-progress-bar {
1264
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1239
1265
  position: absolute;
1240
1266
  width: 100%;
1241
1267
  display: flex;
@@ -1243,7 +1269,7 @@ iframe{
1243
1269
  top: -0.5em;
1244
1270
  }
1245
1271
 
1246
- .video-js.skin_news .vjs-progress-control {
1272
+ .video-js.skin_news_live .vjs-progress-control {
1247
1273
  /* left: -6px; */
1248
1274
  position: relative;
1249
1275
  width: 100%;
@@ -1251,22 +1277,25 @@ iframe{
1251
1277
  transition: height 0.1s, top 0.1s;
1252
1278
  }
1253
1279
 
1280
+ .video-js.skin_news_live .vjs-volume-panel{
1281
+ min-width: 5.3em;
1282
+ }
1254
1283
 
1255
1284
 
1256
1285
 
1257
- .video-js.skin_news .vjs-custom-control-spacer {
1258
- display: block;
1259
- flex: 1 1 auto;
1286
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1287
+ /* display: block; */
1288
+ /* flex: 1 1 auto; */
1260
1289
  }
1261
1290
 
1262
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1291
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1263
1292
  margin: 0 0px 0 0px;
1264
1293
  }
1265
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1294
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1266
1295
  display: none;
1267
1296
  }
1268
1297
 
1269
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1298
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1270
1299
  font-size: 14px;
1271
1300
  font-weight: 500;
1272
1301
  align-self: center;
@@ -1275,30 +1304,30 @@ iframe{
1275
1304
  border-radius: 8px;
1276
1305
  }
1277
1306
 
1278
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1307
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1279
1308
  height: 6px !important;
1280
1309
  }
1281
1310
 
1282
- .video-js.skin_news .vjs-play-progress:before {
1311
+ .video-js.skin_news_live .vjs-play-progress:before {
1283
1312
  font-size: 1.5em;
1284
1313
  line-height: unset;
1285
1314
  top: -0.3333333333em;
1286
1315
  }
1287
1316
 
1288
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1317
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1289
1318
  display: none !important;
1290
1319
  }
1291
1320
 
1292
1321
  /* */
1293
- .video-js.skin_news .vjs-mouse-display{
1322
+ .video-js.skin_news_live .vjs-mouse-display{
1294
1323
  font-size: 1.6666666667em;
1295
1324
  }
1296
1325
 
1297
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1326
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1298
1327
  font-size: 1em !important;
1299
1328
  }
1300
1329
 
1301
- .video-js.skin_news .vjs-button{
1330
+ .video-js.skin_news_live .vjs-button{
1302
1331
  width: 5.3em;
1303
1332
  display: flex;
1304
1333
  align-items: center;
@@ -1306,63 +1335,71 @@ iframe{
1306
1335
  }
1307
1336
 
1308
1337
 
1309
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1338
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1310
1339
  .icon-maximize {
1311
1340
  display: block;
1312
1341
  height: 32px;
1313
1342
  }
1314
1343
 
1315
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1344
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1316
1345
  line-height: 4;
1317
1346
  }
1318
1347
 
1319
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1348
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1320
1349
  .icon-minimize {
1321
1350
  display: none;
1322
1351
  height: 32px;
1323
1352
  }
1324
1353
 
1325
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1354
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1326
1355
  outline: none !important;
1356
+ /* flex: 1; */
1327
1357
  }
1328
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1358
+ .video-js.skin_news_live .vjs-play-toggle-container{
1359
+ display: flex;
1360
+ flex: 1;
1361
+ justify-content: center;
1362
+ }
1363
+
1364
+
1365
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1329
1366
  .vjs-icon-fullscreen-enter:before {
1330
1367
  /* content: '' !important; */
1331
1368
  }
1332
1369
 
1333
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1370
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1334
1371
  display: flex;
1335
1372
  justify-content: center;
1336
1373
  align-items: center;
1337
1374
  /* transform: rotate(90deg); */
1338
1375
  }
1339
1376
 
1340
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1377
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1341
1378
  display: none;
1342
1379
  }
1343
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1380
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1344
1381
  margin-left: -10px;
1345
1382
  }
1346
1383
 
1347
- .video-js.skin_news .skipbtn:hover{
1384
+ .video-js.skin_news_live .skipbtn:hover{
1348
1385
  cursor: pointer;
1349
1386
  }
1350
1387
 
1351
- .video-js.skin_news .rewindbtn:hover{
1388
+ .video-js.skin_news_live .rewindbtn:hover{
1352
1389
  cursor: pointer;
1353
1390
  }
1354
1391
 
1355
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1392
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1356
1393
  position: relative;
1357
1394
  padding-left: 0;
1358
1395
  }
1359
1396
 
1360
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1397
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1361
1398
  display: none !important;
1362
1399
  }
1363
1400
 
1364
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1365
- width: 90px;
1401
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1402
+ /* width: 90px;
1366
1403
  height: 90px;
1367
1404
  display: flex;
1368
1405
  justify-content: center;
@@ -1377,19 +1414,20 @@ iframe{
1377
1414
  font-size: 6em;
1378
1415
  line-height: 1.4em;
1379
1416
  border: 0.05em solid;
1380
- color: inherit;
1417
+ color: inherit; */
1418
+ display: none !important;
1381
1419
  }
1382
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1420
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1383
1421
  font-weight: bold;
1384
1422
  }
1385
1423
 
1386
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1424
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1387
1425
  bottom: 2.4em !important;
1388
1426
  right: -1em;
1389
1427
  z-index: 1;
1390
1428
  }
1391
1429
 
1392
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1430
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1393
1431
  width: 24px !important;
1394
1432
  height: 24px !important;
1395
1433
  }
@@ -1399,34 +1437,34 @@ iframe{
1399
1437
  }
1400
1438
 
1401
1439
 
1402
- .video-js.skin_news button.vjs-rewind-button{
1440
+ .video-js.skin_news_live button.vjs-rewind-button{
1403
1441
  cursor: pointer;
1404
1442
  }
1405
1443
 
1406
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1444
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1407
1445
  padding-right: 0;
1446
+ display: none;
1408
1447
  }
1409
1448
 
1410
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1449
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1411
1450
  padding-left: 0;
1451
+ display: none;
1412
1452
  }
1413
1453
 
1414
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1454
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1415
1455
  padding-left: 0;
1416
1456
  padding-right: 0;
1417
- display: flex;
1418
- justify-content: center;
1419
- width: min-content;
1457
+ display: none;
1420
1458
  }
1421
1459
 
1422
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1460
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1423
1461
  display: none
1424
1462
  }
1425
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1463
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1426
1464
  display: none
1427
1465
  }
1428
1466
 
1429
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
1467
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1430
1468
  display: flex;
1431
1469
  align-items: center;
1432
1470
  font-weight: 700;
@@ -1434,26 +1472,26 @@ iframe{
1434
1472
  min-width: 1.2em;
1435
1473
  }
1436
1474
 
1437
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1475
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1438
1476
  display: none;
1439
1477
  font-size: 11px;
1440
1478
  justify-content: center;
1441
1479
  align-items: center;
1442
1480
  user-select: none;
1443
1481
  }
1444
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1482
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1445
1483
  display: none;
1446
1484
  }
1447
1485
 
1448
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1486
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1449
1487
  height: min-content;
1450
1488
  width: min-content;
1451
1489
  }
1452
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1490
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1453
1491
  width: 6em;
1454
1492
  }
1455
1493
 
1456
- .video-js.skin_news .content{
1494
+ .video-js.skin_news_live .content{
1457
1495
  bottom: 3.4rem !important;
1458
1496
  right: -4rem !important;
1459
1497
  }
@@ -1477,10 +1515,11 @@ iframe{
1477
1515
  height: 100%;
1478
1516
  }
1479
1517
 
1480
- .video-js.skin_news .vjs-live-control{
1518
+ .video-js.skin_news_live .vjs-live-control{
1481
1519
  align-items: center;
1520
+ display: none;
1482
1521
  }
1483
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1522
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1484
1523
  height: 2.2em;
1485
1524
  display: flex;
1486
1525
  align-items: center;
@@ -1491,43 +1530,22 @@ iframe{
1491
1530
  margin: 4px 0px 4px 12px;
1492
1531
  }
1493
1532
 
1494
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1533
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1495
1534
  text-shadow: none;
1496
1535
  }
1497
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1498
- display: none;
1499
- font-size: 12px;
1500
- }
1501
1536
 
1502
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1503
- height: 2.2em;
1504
- display: inline-flex;
1505
- align-items: center;
1506
- /* font-family: monospace; */
1537
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1538
+ display: flex;
1507
1539
  justify-content: center;
1508
- border: 2px solid;
1509
- margin: 4px 0px 4px 6px;
1510
- white-space: pre;
1511
- padding: 0px 6px;
1512
- font-size: 1.2em;
1513
- font-weight: 500;
1514
- color: rgba(255, 255, 2555, 0.7);
1515
-
1516
- letter-spacing: -.1px;
1517
- line-height: normal;
1518
- text-transform: uppercase;
1519
- color: #FFFFFF;
1520
- opacity: .7;
1521
- font-family: "Proxima Nova";
1540
+ min-width: 5.3em;
1541
+ pointer-events: none;
1542
+ user-select: none;
1522
1543
  }
1523
1544
 
1524
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1525
- opacity: 1;
1545
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1546
+ color: white;
1526
1547
  }
1527
1548
 
1528
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1529
- content: "NOT LIVE";
1530
- }
1531
1549
 
1532
1550
  .settings-selection.vjs-control.vjs-button{
1533
1551
  display: flex !important;
@@ -1544,57 +1562,57 @@ iframe{
1544
1562
  .tvProviderImage{
1545
1563
  display: none
1546
1564
  }
1547
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1565
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1548
1566
  .icon-maximize {
1549
1567
  height: 30px !important;
1550
1568
  }
1551
1569
 
1552
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1570
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1553
1571
  .icon-minimize {
1554
1572
  height: 30px !important;
1555
1573
  }
1556
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1574
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1557
1575
  width: 4.5em;
1558
1576
  }
1559
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1577
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1560
1578
  height: min-content;
1561
1579
  }
1562
1580
 
1563
- .video-js.skin_news button.vjs-slowmo-button{
1581
+ .video-js.skin_news_live button.vjs-slowmo-button{
1564
1582
  display: none;
1565
1583
  }
1566
- .video-js.skin_news button.vjs-rewind-button{
1584
+ .video-js.skin_news_live button.vjs-rewind-button{
1567
1585
  display: none;
1568
1586
  }
1569
- .video-js.skin_news button.vjs-rewind-button>svg{
1587
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1570
1588
  height: 20px;
1571
1589
  }
1572
- .video-js.skin_news .vjs-button{
1590
+ .video-js.skin_news_live .vjs-button{
1573
1591
  width: 4.8em;
1574
1592
  }
1575
- .video-js.skin_news .widget-selection{
1593
+ .video-js.skin_news_live .widget-selection{
1576
1594
  display: none;
1577
1595
  }
1578
- .video-js.skin_news .container{
1596
+ .video-js.skin_news_live .container{
1579
1597
  display: none !important;
1580
1598
  }
1581
- .video-js.skin_news .vjs-control-bar{
1599
+ .video-js.skin_news_live .vjs-control-bar{
1582
1600
  height: 4em !important;
1583
1601
  }
1584
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1602
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1585
1603
  font-size: 2.5em;
1586
1604
  line-height: 1.5;
1587
1605
  }
1588
- .video-js.skin_news .vjs-play-progress:before {
1606
+ .video-js.skin_news_live .vjs-play-progress:before {
1589
1607
  font-size: 1.2em;
1590
1608
  position: absolute;
1591
1609
  right: -0.5em;
1592
1610
  z-index: 1;
1593
1611
  }
1594
- .video-js.skin_news button.vjs-skip-button>svg{
1612
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1595
1613
  height: 20px;
1596
1614
  }
1597
- .video-js.skin_news button.vjs-big-play-button {
1615
+ .video-js.skin_news_live button.vjs-big-play-button {
1598
1616
  width: 50px !important;
1599
1617
  height: 50px !important;
1600
1618
  font-size: 2.1rem !important;
@@ -1604,17 +1622,17 @@ iframe{
1604
1622
  width: 24px;
1605
1623
  height: 24px;
1606
1624
  }
1607
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1625
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1608
1626
  margin: 0 12px 0 12px;
1609
1627
  }
1610
- .video-js.skin_news .vjs-seek-to-live-text{
1628
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1611
1629
  font-size: 12px;
1612
1630
  }
1613
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1631
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1614
1632
  margin: 0 12px 0 12px;
1615
1633
  }
1616
1634
  }
1617
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1635
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1618
1636
  width: 90px;
1619
1637
  height: 90px;
1620
1638
  display: flex;
@@ -1631,7 +1649,7 @@ iframe{
1631
1649
  line-height: 1.4em;
1632
1650
  }
1633
1651
 
1634
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1652
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1635
1653
  display: flex;
1636
1654
  justify-content: center;
1637
1655
  align-items: center;
@@ -1639,29 +1657,22 @@ iframe{
1639
1657
  transition: width 0.1s;
1640
1658
  }
1641
1659
 
1642
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1660
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1643
1661
  display: flex;
1644
1662
  justify-content: center;
1645
1663
  align-items: center;
1646
1664
  height: 100%;
1647
1665
  transition: width 0.1s;
1648
1666
  }
1649
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1667
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1650
1668
  display: none !important;
1651
1669
  }
1652
- .video-js.skin_news .ssai-ad-container{
1653
- position: absolute;
1654
- bottom: 14px;
1655
- }
1656
1670
 
1657
1671
  @media (max-width: 576px) {
1658
- .video-js.skin_news .ssai-ad-container{
1659
- bottom: 2px;
1660
- }
1661
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1672
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1662
1673
  height: 5px !important;
1663
1674
  }
1664
- .video-js.skin_news button.vjs-big-play-button {
1675
+ .video-js.skin_news_live button.vjs-big-play-button {
1665
1676
  width: 50px !important;
1666
1677
  height: 50px !important;
1667
1678
  font-size: 2.1rem !important;
@@ -1670,70 +1681,59 @@ iframe{
1670
1681
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1671
1682
  display: none;
1672
1683
  }
1673
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1684
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1674
1685
  bottom: 2.4em !important;
1675
1686
  right: -1em;
1676
1687
  z-index: 1;
1677
1688
  }
1678
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1689
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1679
1690
  display: none !important;
1680
1691
  }
1681
1692
 
1682
- .video-js.skin_news .vjs-text-track-display-ttml span {
1693
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1683
1694
  color: white !important;
1684
1695
  font-size: 13px !important;
1685
1696
  background-color: black !important;
1686
1697
  }
1687
1698
  }
1688
1699
 
1689
- .video-js.skin_news .vjs-text-track-display-ttml span {
1700
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1701
+ width: 100% !important;
1702
+ }
1703
+
1704
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1690
1705
  color: white !important;
1691
1706
  font-size: 16px !important;
1692
1707
  background-color: black !important;
1693
1708
  }
1694
1709
 
1695
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1710
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1696
1711
  margin-bottom: 2rem !important;
1697
1712
  }
1698
1713
 
1699
- .video-js.skin_news .vjs-text-track-display-ttml p {
1714
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
1700
1715
  font-size: 18px !important;
1701
1716
  }
1702
1717
 
1703
1718
 
1704
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1705
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1719
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1720
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1706
1721
  font-size: 1.2em !important;
1707
1722
  line-height: 1.5em !important;
1708
1723
  padding: 0.2em 0.8em !important;
1709
1724
  }
1710
1725
 
1711
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1726
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1712
1727
  content: none !important;
1713
1728
  fill: none !important;
1714
1729
  filter: none !important;
1715
1730
  }
1716
1731
 
1717
- /* svg icons opacity and hover effect */
1718
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1719
- opacity: 0.7 !important;
1720
- }
1721
-
1722
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1723
- opacity: 1 !important;
1724
- }
1725
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1726
- opacity: 0.7 !important;
1727
- }
1728
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1729
- opacity: 1 !important;
1730
- }
1731
-
1732
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1732
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1733
1733
  color: rgba(255, 255, 2555, 0.7)!important;
1734
1734
  }
1735
1735
 
1736
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1736
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1737
1737
  color: rgba(255, 255, 2555, 1)!important;
1738
1738
  }
1739
1739
 
@@ -1920,6 +1920,8 @@ iframe{
1920
1920
 
1921
1921
 
1922
1922
 
1923
+
1924
+
1923
1925
  .video-js .multicamera-parent.default{
1924
1926
  height: 345px;
1925
1927
  position: absolute;
@@ -2000,7 +2002,6 @@ iframe{
2000
2002
 
2001
2003
 
2002
2004
 
2003
-
2004
2005
  .vjs-custom-big-mute.vjs-control{
2005
2006
  position: absolute;
2006
2007
  align-items: center;
@@ -2049,7 +2050,6 @@ iframe{
2049
2050
  width: 22px;
2050
2051
  }
2051
2052
 
2052
-
2053
2053
  /* nextep */
2054
2054
  .next-ep-preview{
2055
2055
  position: absolute;