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