@viewlift/player-backup 2.0.336-backup → 2.0.338-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 (65) hide show
  1. package/cjs/{autoNextVideo-2e9a3cdb.js → autoNextVideo-edc097a1.js} +1 -1
  2. package/cjs/bundle.css +641 -641
  3. package/cjs/{caption-settings-a917a4f2.js → caption-settings-0d09a023.js} +1 -1
  4. package/cjs/captions-4dfe293a.js +1 -0
  5. package/cjs/{features-2303ca59.js → features-6e3e8198.js} +1 -1
  6. package/cjs/{generic-fb8ff852.js → generic-13b8debd.js} +1 -1
  7. package/cjs/{index-b03a60bc.js → index-7ec7d20b.js} +1 -1
  8. package/cjs/{index-bade3dce.js → index-a5a5f19f.js} +1 -1
  9. package/cjs/{index-062c1e55.js → index-ae34b733.js} +1 -1
  10. package/cjs/index.js +1 -1
  11. package/cjs/{multicamv2-23047e82.js → multicamv2-533b95d9.js} +1 -1
  12. package/cjs/{multicamv2-6d4c49a2.js → multicamv2-a9b61d4a.js} +1 -1
  13. package/cjs/{nextEpisodeButton-c0a409f8.js → nextEpisodeButton-f5dcc8a2.js} +1 -1
  14. package/cjs/{playlist-a962969c.js → playlist-22e22306.js} +1 -1
  15. package/cjs/{series-f644c3f7.js → series-1bdb4b5a.js} +1 -1
  16. package/cjs/{series-v2-e7f5ddc3.js → series-v2-064d3215.js} +1 -1
  17. package/cjs/{series-v2-531aaec8.js → series-v2-eb3b647b.js} +1 -1
  18. package/cjs/{skin-b3528196.js → skin-0e9df460.js} +1 -1
  19. package/cjs/{skin-335afd31.js → skin-46414df9.js} +1 -1
  20. package/cjs/{skin-1a8770e0.js → skin-48033e3a.js} +1 -1
  21. package/cjs/{skin-e6abadba.js → skin-636ec8c4.js} +1 -1
  22. package/cjs/{skin-b0448cb1.js → skin-949a5bb2.js} +1 -1
  23. package/cjs/{skin-76f88332.js → skin-9e9a4817.js} +1 -1
  24. package/cjs/{skin-ddefb028.js → skin-c2a40b1a.js} +1 -1
  25. package/cjs/{skin-1c26ed3b.js → skin-dfa4a757.js} +1 -1
  26. package/cjs/{skin-371908f9.js → skin-e8c10590.js} +1 -1
  27. package/cjs/{skin-c21ae8be.js → skin-ec072519.js} +1 -1
  28. package/cjs/{videoSelector-3792d1e2.js → videoSelector-1ca81eab.js} +1 -1
  29. package/cjs/{videoSelector-b603b7da.js → videoSelector-8542df1a.js} +1 -1
  30. package/cjs/videojs-dash5.es-80bdd597.js +1 -0
  31. package/esm/{autoNextVideo-71cb1d4f.js → autoNextVideo-0a43d4ba.js} +1 -1
  32. package/esm/bundle.css +641 -641
  33. package/esm/{caption-settings-eba038e4.js → caption-settings-e1a53633.js} +1 -1
  34. package/esm/captions-1f931e14.js +1 -0
  35. package/esm/{features-e1d90014.js → features-5dcd65be.js} +1 -1
  36. package/esm/{generic-e7171395.js → generic-0618f730.js} +1 -1
  37. package/esm/{index-99d76d65.js → index-10e9934f.js} +1 -1
  38. package/esm/{index-ec939646.js → index-796a5d7b.js} +1 -1
  39. package/esm/{index-423ee30f.js → index-f09a905c.js} +1 -1
  40. package/esm/index.js +1 -1
  41. package/esm/{multicamv2-8cefec3c.js → multicamv2-cb9c2480.js} +1 -1
  42. package/esm/{multicamv2-2bb97c30.js → multicamv2-f7694b60.js} +1 -1
  43. package/esm/{nextEpisodeButton-09bc6c7e.js → nextEpisodeButton-bb9fe110.js} +1 -1
  44. package/esm/{playlist-ea09b0a7.js → playlist-95653a86.js} +1 -1
  45. package/esm/{series-ad74cea6.js → series-cba492a1.js} +1 -1
  46. package/esm/{series-v2-9e13d59a.js → series-v2-8abf383f.js} +1 -1
  47. package/esm/{series-v2-f8c43ef7.js → series-v2-c0d93288.js} +1 -1
  48. package/esm/{skin-f447e270.js → skin-041d7252.js} +1 -1
  49. package/esm/{skin-8d77c2e6.js → skin-3e796cb5.js} +1 -1
  50. package/esm/{skin-1d554322.js → skin-9e357a3e.js} +1 -1
  51. package/esm/{skin-d05b9b89.js → skin-a704a54b.js} +1 -1
  52. package/esm/{skin-df117eb1.js → skin-a82afadc.js} +1 -1
  53. package/esm/{skin-b45d7648.js → skin-b74e6435.js} +1 -1
  54. package/esm/{skin-cc0815b1.js → skin-ce79afce.js} +1 -1
  55. package/esm/{skin-b26e9a60.js → skin-e26c7928.js} +1 -1
  56. package/esm/{skin-eacebcaa.js → skin-f52d0d6a.js} +1 -1
  57. package/esm/{skin-93a5b9fb.js → skin-fb1cdf74.js} +1 -1
  58. package/esm/{videoSelector-5cc99b34.js → videoSelector-6a4fbe8c.js} +1 -1
  59. package/esm/{videoSelector-da853b57.js → videoSelector-72a670cf.js} +1 -1
  60. package/esm/videojs-dash5.es-45c88e15.js +1 -0
  61. package/package.json +1 -1
  62. package/cjs/captions-5805755e.js +0 -1
  63. package/cjs/videojs-dash5.es-874b887d.js +0 -1
  64. package/esm/captions-5a65f50d.js +0 -1
  65. package/esm/videojs-dash5.es-640f7001.js +0 -1
package/cjs/bundle.css CHANGED
@@ -3,7 +3,6 @@
3
3
 
4
4
 
5
5
 
6
-
7
6
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
8
7
  height: 0.7em !important;
9
8
  position: absolute !important;
@@ -205,6 +204,7 @@
205
204
  .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
206
205
  text-decoration: underline;
207
206
  }
207
+
208
208
  .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
209
209
  font-size: 2.2em;
210
210
  line-height: 2.6;
@@ -733,821 +733,821 @@
733
733
 
734
734
 
735
735
 
736
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
737
- font-size: 2.2em;
738
- line-height: 2.6;
739
- }
740
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
741
- background: #fcb700;
742
- }
743
- .video-js.skin_news_live .vjs-control-bar{
744
- z-index: 1 !important;
745
- height: 5em !important;
746
- background: black !important;
747
- }
748
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
736
+
737
+ .video-js.skin_cn_news .vjs-control-bar {
738
+ z-index: 1 !important;
739
+ height: auto !important;
740
+ padding: 0.8em 30px 0.6em;
741
+ background: transparent !important;
749
742
  display: flex;
743
+ flex-wrap: wrap;
750
744
  align-items: center;
751
- justify-content: center;
745
+ column-gap: 10px;
752
746
  }
753
747
 
754
- .video-js.skin_news_live .vjs-fade>* {
755
- visibility: hidden !important;
756
- opacity: 0 !important;
757
- transition: visibility 1s, opacity 1s !important;
758
- }
759
748
 
760
- .video-js.skin_news_live .custom-spaced-progress-bar {
749
+ .video-js.skin_cn_news .vjs-control-bar::before {
750
+ content: '';
761
751
  position: absolute;
762
- width: 100%;
763
- display: flex;
764
- height: 0.5em;
765
- top: -0.5em;
752
+ left: 0;
753
+ right: 0;
754
+ bottom: 0;
755
+ top: -3em;
756
+ background: linear-gradient(
757
+ to top,
758
+ rgba(0, 0, 0, 0.85) 0%,
759
+ rgba(0, 0, 0, 0.7) 40%,
760
+ rgba(0, 0, 0, 0.55) 70%,
761
+ rgba(0, 0, 0, 0.38) 86%,
762
+ transparent 100%
763
+ );
764
+ pointer-events: none;
765
+ z-index: -1;
766
766
  }
767
767
 
768
- .video-js.skin_news_live .vjs-progress-control {
769
- /* left: -6px; */
768
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
769
+ order: -1;
770
+ flex: 0 0 100%;
771
+ width: 80%;
772
+ margin: 0 0 5em;
770
773
  position: relative;
771
- width: 100%;
772
- height: 0.5em;
773
- transition: height 0.1s, top 0.1s;
774
774
  }
775
775
 
776
- .video-js.skin_news_live .vjs-volume-panel{
777
- min-width: 5.3em;
776
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
777
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
778
+ width: auto;
779
+ min-width: 0;
780
+ }
781
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
782
+ display: inline-flex;
783
+ align-items: center;
784
+ justify-content: center;
785
+ height: 7em;
786
+ padding: 0 10px;
787
+ color: #fff;
778
788
  }
779
789
 
780
-
781
-
782
- .video-js.skin_news_live .vjs-custom-control-spacer {
783
- /* display: block; */
784
- /* flex: 1 1 auto; */
790
+ .video-js.skin_cn_news .vjs-svg-icon::before {
791
+ content: none !important;
785
792
  }
786
793
 
787
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
788
- margin: 0 0px 0 0px;
794
+
795
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
796
+ display: inline-flex;
797
+ align-items: center;
798
+ justify-content: center;
789
799
  }
790
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
791
- display: none;
800
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
801
+ .video-js.skin_cn_news .vjs-rewind-button svg {
802
+ width: 24px;
803
+ height: 24px;
804
+ display: block;
792
805
  }
793
806
 
794
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
795
- font-size: 14px;
796
- font-weight: 500;
797
- align-self: center;
798
- height: min-content;
799
- padding: 5px 2px;
800
- border-radius: 8px;
801
- }
802
807
 
803
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
804
- height: 6px !important;
805
- }
806
808
 
807
- .video-js.skin_news_live .vjs-play-progress:before {
808
- font-size: 1.5em;
809
- line-height: unset;
810
- top: -0.3333333333em;
809
+ .video-js.skin_cn_news .vjs-subs-caps-button {
810
+ opacity: 1;
811
811
  }
812
812
 
813
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
814
- display: none !important;
815
- }
816
813
 
817
- /* */
818
- .video-js.skin_news_live .vjs-mouse-display{
819
- font-size: 1.6666666667em;
820
- }
821
814
 
822
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
823
- font-size: 1em !important;
815
+ .video-js.skin_cn_news .vjs-volume-panel {
816
+ margin: 0;
817
+ display: inline-flex;
818
+ align-items: center;
819
+ align-self: center;
820
+ height: 2.2em;
821
+ min-width: 7em;
822
+ transition: none;
824
823
  }
825
-
826
- .video-js.skin_news_live .vjs-button{
827
- width: 5.3em;
824
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
825
+ width: 0;
826
+ height: 100%;
828
827
  display: flex;
829
828
  align-items: center;
830
- justify-content: center;
829
+ overflow: hidden;
830
+ opacity: 0;
831
+ transition: width 0.15s ease, opacity 0.15s ease;
831
832
  }
832
-
833
-
834
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
835
- .icon-maximize {
836
- display: block;
837
- height: 32px;
833
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
834
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
835
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
836
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
837
+ width: 5em;
838
+ opacity: 1;
838
839
  }
839
840
 
840
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
841
- line-height: 4;
841
+ .video-js.skin_cn_news .vjs-volume-bar {
842
+ width: 4em;
843
+ height: 0.3em;
844
+ margin: 0 0.45em;
842
845
  }
843
846
 
844
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
845
- .icon-minimize {
846
- display: none;
847
- height: 32px;
848
- }
849
847
 
850
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
851
- outline: none !important;
852
- /* flex: 1; */
848
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
849
+ display: none !important;
853
850
  }
854
- .video-js.skin_news_live .vjs-play-toggle-container{
855
- display: flex;
856
- flex: 1;
857
- justify-content: center;
851
+
852
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
853
+ width: 0 !important;
858
854
  }
859
855
 
860
856
 
861
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
862
- .vjs-icon-fullscreen-enter:before {
863
- /* content: '' !important; */
857
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
858
+ display: block !important;
859
+ flex: 1 1 auto;
864
860
  }
865
861
 
866
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
862
+
863
+ .video-js.skin_cn_news .vjs-big-play-button {
864
+ display: none;
865
+ }
866
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
867
+ position: relative !important;
868
+ display: flex;
869
+ left: 0;
870
+ top: -1px;
871
+ }
872
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
867
873
  display: flex;
868
874
  justify-content: center;
869
875
  align-items: center;
870
- /* transform: rotate(90deg); */
876
+ position: absolute;
877
+ top: 0;
878
+ left: 0;
879
+ right: 0;
880
+ bottom: 0;
881
+ margin: auto;
882
+ width: 80px;
883
+ height: 80px;
884
+ border: none;
885
+ border-radius: 50%;
886
+ background: rgba(0, 0, 0, 0.55);
887
+ font-size: 5em;
888
+ line-height: 1.3em;
889
+ transform: none !important;
871
890
  }
872
891
 
873
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
874
- display: none;
875
- }
876
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
877
- margin-left: -10px;
878
- }
879
892
 
880
- .video-js.skin_news_live .skipbtn:hover{
881
- cursor: pointer;
893
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
894
+ height: 4px !important;
895
+ margin: 0;
896
+ border-radius: 20px;
897
+ background-color: #393944;
882
898
  }
883
899
 
884
- .video-js.skin_news_live .rewindbtn:hover{
885
- cursor: pointer;
900
+ .video-js.skin_cn_news .vjs-play-progress {
901
+ background-color: #ffffff;
902
+ border-radius: 20px;
886
903
  }
887
904
 
888
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
889
- position: relative;
890
- padding-left: 0;
905
+ .video-js.skin_cn_news .vjs-load-progress,
906
+ .video-js.skin_cn_news .vjs-load-progress div {
907
+ background: rgba(255, 255, 255, 0.15);
908
+ border-radius: 20px;
891
909
  }
892
910
 
893
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
911
+
912
+ .video-js.skin_cn_news .vjs-play-progress:before {
913
+ content: '';
914
+ width: 16px;
915
+ height: 16px;
916
+ border-radius: 50%;
917
+ background: #ffffff;
918
+ border: 2px solid rgba(0, 0, 0, 0.6);
919
+ box-sizing: border-box;
920
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
921
+ top: -6px;
922
+ right: -8px;
923
+ position: absolute;
924
+ }
925
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
894
926
  display: none !important;
895
927
  }
896
928
 
897
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
898
- /* width: 90px;
899
- height: 90px;
900
- display: flex;
901
- justify-content: center;
902
- align-items: center;
903
- border-radius: 50%;
904
- position: absolute;
905
- top: 0;
906
- left: 0;
907
- right: 0;
908
- bottom: 0;
909
- margin: auto;
910
- font-size: 6em;
911
- line-height: 1.4em;
912
- border: 0.05em solid;
913
- color: inherit; */
914
- display: none !important;
915
- }
916
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
917
- font-weight: bold;
918
- }
919
-
920
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
921
- bottom: 2.4em !important;
922
- right: -1em;
923
- z-index: 1;
929
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
930
+ background: #ffffff;
931
+ color: #0a0e17;
932
+ font-weight: 700;
933
+ border-radius: 3px;
924
934
  }
925
935
 
926
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
927
- width: 24px !important;
928
- height: 24px !important;
929
- }
930
- .settings-selector-icon>svg{
931
- height: 19px !important;
932
- width: 19px !important;
936
+ .video-js.skin_cn_news .vjs-live-control {
937
+ display: none !important;
933
938
  }
934
-
935
-
936
- .video-js.skin_news_live button.vjs-rewind-button{
939
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
940
+ display: inline-flex;
941
+ align-items: center;
942
+ align-self: center;
943
+ height: 2.2em;
944
+ gap: 5px;
945
+ width: auto;
946
+ padding: 0 10px;
947
+ border: 1px solid rgba(255, 255, 255, 0.45);
948
+ border-radius: 4px;
937
949
  cursor: pointer;
938
950
  }
939
951
 
940
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
941
- padding-right: 0;
952
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
942
953
  display: none;
943
954
  }
944
-
945
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
946
- padding-left: 0;
947
- display: none;
955
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
956
+ display: inline-flex;
957
+ align-items: center;
948
958
  }
949
-
950
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
951
- padding-left: 0;
952
- padding-right: 0;
953
- display: none;
959
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
960
+ content: '';
961
+ display: inline-block;
962
+ width: 8px;
963
+ height: 8px;
964
+ border-radius: 50%;
965
+ background: #ff2d2d; /* red live dot */
966
+ }
967
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
968
+ color: #ffffff;
969
+ font-weight: 700;
970
+ font-size: 12px;
971
+ letter-spacing: 0.03em;
954
972
  }
955
973
 
956
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
957
- display: none
974
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
975
+ border-color: transparent;
958
976
  }
959
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
960
- display: none
977
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
978
+ color: #ff2d2d;
961
979
  }
962
980
 
963
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
964
- display: flex;
965
- align-items: center;
966
- font-weight: 700;
967
- font-size: 12px;
968
- min-width: 1.2em;
981
+ /* ---- time controls ---- */
982
+ .video-js.skin_cn_news .vjs-current-time,
983
+ .video-js.skin_cn_news .vjs-duration,
984
+ .video-js.skin_cn_news .vjs-time-divider {
985
+ display: none !important;
969
986
  }
970
-
971
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
972
- display: none;
973
- font-size: 11px;
974
- justify-content: center;
987
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
988
+ display: none;
975
989
  align-items: center;
990
+ justify-content: center;
991
+ font-size: 11px;
992
+ font-weight: 700;
993
+ color: #fff;
994
+ padding: 0 6px;
976
995
  user-select: none;
977
996
  }
978
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
979
- display: none;
980
- }
981
997
 
982
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
983
- height: min-content;
984
- width: min-content;
998
+
999
+ .video-js.skin_cn_news .vjs-chapter-marker {
1000
+ z-index: 2;
1001
+ width: var(--vl-chapter-size, 8px);
1002
+ height: var(--vl-chapter-size, 8px);
1003
+ top: 50%;
1004
+ bottom: auto;
1005
+ background: var(--vl-chapter-color, #ffffff);
1006
+ opacity: var(--vl-chapter-opacity, 1);
1007
+ border-radius: 50%;
1008
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1009
+ transform: translate(-50%, -50%) scale(1);
1010
+ transition: background-color 0.12s ease;
985
1011
  }
986
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
987
- width: 6em;
1012
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1013
+ background: var(--vl-chapter-hover, #0a5cff);
988
1014
  }
989
-
990
- .video-js.skin_news_live .content{
991
- bottom: 3.4rem !important;
992
- right: -4rem !important;
1015
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1016
+ background: var(--vl-chapter-active, #0a5cff);
993
1017
  }
994
1018
 
995
- .setting-icon > svg{
996
- height:18px !important;
1019
+
1020
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1021
+ width: 16px;
1022
+ height: 16px;
1023
+ bottom: 160%;
1024
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
997
1025
  }
998
1026
 
999
- .output-overlay{
1000
- position: absolute;
1001
- bottom: 0;
1002
- height: 100%;
1003
- width: 100%;
1004
- z-index: 0;
1005
- border: 0;
1006
- pointer-events:none
1027
+
1028
+ .video-js.skin_cn_news .vjs-chapter-preview {
1029
+ background: var(--vl-chapter-tooltip, #0a5cff);
1030
+ border-radius: 6px;
1031
+ padding: 8px 10px;
1032
+ width: max-content;
1033
+ max-width: 300px;
1034
+ text-align: left;
1035
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1036
+ }
1037
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1038
+ color: #ffffff;
1039
+ font-size: 13px;
1040
+ font-weight: 400;
1041
+ margin-bottom: 2px;
1042
+ }
1043
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1044
+ color: #ffffff;
1045
+ font-size: 13px;
1046
+ font-weight: 400;
1047
+ line-height: 1.3;
1048
+ white-space: normal;
1049
+ text-align: left;
1050
+ }
1051
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1052
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1007
1053
  }
1008
1054
 
1009
- .video-js.skin_news_live iframe{
1010
- width: 100%;
1011
- height: 100%;
1055
+ /* ---- responsive ---- */
1056
+ @media (max-width: 576px) {
1057
+ .video-js.skin_cn_news .vjs-control-bar {
1058
+ height: 3.2em !important;
1059
+ padding: 0 8px;
1060
+ }
1061
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1062
+ padding: 0 6px;
1063
+ }
1064
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1065
+ display: none !important;
1066
+ }
1012
1067
  }
1013
1068
 
1014
- .video-js.skin_news_live .vjs-live-control{
1015
- align-items: center;
1016
- display: none;
1069
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1070
+ font-size: 2.2em;
1071
+ line-height: 2.6;
1017
1072
  }
1018
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1019
- height: 2.2em;
1073
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1074
+ background: #fcb700;
1075
+ }
1076
+ .video-js.skin_news_live .vjs-control-bar{
1077
+ z-index: 1 !important;
1078
+ height: 5em !important;
1079
+ background: black !important;
1080
+ }
1081
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1020
1082
  display: flex;
1021
1083
  align-items: center;
1022
- font-family: monospace;
1023
- width: 4em;
1024
1084
  justify-content: center;
1025
- background: red;
1026
- margin: 4px 0px 4px 12px;
1027
1085
  }
1028
1086
 
1029
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1030
- text-shadow: none;
1087
+ .video-js.skin_news_live .vjs-fade>* {
1088
+ visibility: hidden !important;
1089
+ opacity: 0 !important;
1090
+ transition: visibility 1s, opacity 1s !important;
1031
1091
  }
1032
1092
 
1033
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1093
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1094
+ position: absolute;
1095
+ width: 100%;
1034
1096
  display: flex;
1035
- justify-content: center;
1036
- min-width: 5.3em;
1037
- pointer-events: none;
1038
- user-select: none;
1097
+ height: 0.5em;
1098
+ top: -0.5em;
1039
1099
  }
1040
1100
 
1041
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1042
- color: white;
1101
+ .video-js.skin_news_live .vjs-progress-control {
1102
+ /* left: -6px; */
1103
+ position: relative;
1104
+ width: 100%;
1105
+ height: 0.5em;
1106
+ transition: height 0.1s, top 0.1s;
1043
1107
  }
1044
1108
 
1045
-
1046
- .settings-selection.vjs-control.vjs-button{
1047
- display: flex !important;
1109
+ .video-js.skin_news_live .vjs-volume-panel{
1110
+ min-width: 5.3em;
1048
1111
  }
1049
1112
 
1050
- @media(max-width:576px){
1051
- .settings-selection.vjs-control.vjs-button{
1052
- display: none !important;
1053
- }
1113
+
1114
+
1115
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1116
+ /* display: block; */
1117
+ /* flex: 1 1 auto; */
1054
1118
  }
1055
1119
 
1120
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1121
+ margin: 0 0px 0 0px;
1122
+ }
1123
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1124
+ display: none;
1125
+ }
1056
1126
 
1057
- @media(max-width:576px){
1058
- .tvProviderImage{
1059
- display: none
1060
- }
1061
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1062
- .icon-maximize {
1063
- height: 30px !important;
1064
- }
1065
-
1066
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1067
- .icon-minimize {
1068
- height: 30px !important;
1069
- }
1070
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1071
- width: 4.5em;
1072
- }
1073
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1074
- height: min-content;
1075
- }
1076
-
1077
- .video-js.skin_news_live button.vjs-slowmo-button{
1078
- display: none;
1079
- }
1080
- .video-js.skin_news_live button.vjs-rewind-button{
1081
- display: none;
1082
- }
1083
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1084
- height: 20px;
1085
- }
1086
- .video-js.skin_news_live .vjs-button{
1087
- width: 4.8em;
1088
- }
1089
- .video-js.skin_news_live .widget-selection{
1090
- display: none;
1091
- }
1092
- .video-js.skin_news_live .container{
1093
- display: none !important;
1094
- }
1095
- .video-js.skin_news_live .vjs-control-bar{
1096
- height: 4em !important;
1097
- }
1098
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1099
- font-size: 2.5em;
1100
- line-height: 1.5;
1101
- }
1102
- .video-js.skin_news_live .vjs-play-progress:before {
1103
- font-size: 1.2em;
1104
- position: absolute;
1105
- right: -0.5em;
1106
- z-index: 1;
1107
- }
1108
- .video-js.skin_news_live button.vjs-skip-button>svg{
1109
- height: 20px;
1110
- }
1111
- .video-js.skin_news_live button.vjs-big-play-button {
1112
- width: 50px !important;
1113
- height: 50px !important;
1114
- font-size: 2.1rem !important;
1127
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1128
+ font-size: 14px;
1129
+ font-weight: 500;
1130
+ align-self: center;
1131
+ height: min-content;
1132
+ padding: 5px 2px;
1133
+ border-radius: 8px;
1115
1134
  }
1116
1135
 
1117
- .stream-selector-icon>svg{
1118
- width: 24px;
1119
- height: 24px;
1120
- }
1121
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1122
- margin: 0 12px 0 12px;
1123
- }
1124
- .video-js.skin_news_live .vjs-seek-to-live-text{
1125
- font-size: 12px;
1136
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1137
+ height: 6px !important;
1126
1138
  }
1127
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1128
- margin: 0 12px 0 12px;
1139
+
1140
+ .video-js.skin_news_live .vjs-play-progress:before {
1141
+ font-size: 1.5em;
1142
+ line-height: unset;
1143
+ top: -0.3333333333em;
1129
1144
  }
1145
+
1146
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1147
+ display: none !important;
1130
1148
  }
1131
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1132
- width: 90px;
1133
- height: 90px;
1134
- display: flex;
1135
- justify-content: center;
1136
- align-items: center;
1137
- border-radius: 50%;
1138
- position: absolute;
1139
- top: 0;
1140
- left: 0;
1141
- right: 0;
1142
- bottom: 0;
1143
- margin: auto;
1144
- font-size: 6em;
1145
- line-height: 1.4em;
1149
+
1150
+ /* */
1151
+ .video-js.skin_news_live .vjs-mouse-display{
1152
+ font-size: 1.6666666667em;
1146
1153
  }
1147
1154
 
1148
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1149
- display: flex;
1150
- justify-content: center;
1151
- align-items: center;
1152
- height: 100%;
1153
- transition: width 0.1s;
1155
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1156
+ font-size: 1em !important;
1154
1157
  }
1155
1158
 
1156
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1159
+ .video-js.skin_news_live .vjs-button{
1160
+ width: 5.3em;
1157
1161
  display: flex;
1158
- justify-content: center;
1159
1162
  align-items: center;
1160
- height: 100%;
1161
- transition: width 0.1s;
1162
- }
1163
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1164
- display: none !important;
1163
+ justify-content: center;
1165
1164
  }
1166
1165
 
1167
- @media (max-width: 576px) {
1168
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1169
- height: 5px !important;
1170
- }
1171
- .video-js.skin_news_live button.vjs-big-play-button {
1172
- width: 50px !important;
1173
- height: 50px !important;
1174
- font-size: 2.1rem !important;
1175
- }
1176
1166
 
1177
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1178
- display: none;
1179
- }
1180
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1181
- bottom: 2.4em !important;
1182
- right: -1em;
1183
- z-index: 1;
1167
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1168
+ .icon-maximize {
1169
+ display: block;
1170
+ height: 32px;
1184
1171
  }
1185
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1186
- display: none !important;
1187
- }
1188
1172
 
1173
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1174
+ line-height: 4;
1189
1175
  }
1190
1176
 
1191
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1192
- width: 100% !important;
1177
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1178
+ .icon-minimize {
1179
+ display: none;
1180
+ height: 32px;
1193
1181
  }
1194
1182
 
1195
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1196
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1197
- font-size: 1.2em !important;
1198
- line-height: 1.5em !important;
1199
- padding: 0.2em 0.8em !important;
1183
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1184
+ outline: none !important;
1185
+ /* flex: 1; */
1200
1186
  }
1201
-
1202
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1203
- content: none !important;
1204
- fill: none !important;
1205
- filter: none !important;
1187
+ .video-js.skin_news_live .vjs-play-toggle-container{
1188
+ display: flex;
1189
+ flex: 1;
1190
+ justify-content: center;
1206
1191
  }
1207
1192
 
1208
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1209
- color: rgba(255, 255, 2555, 0.7)!important;
1210
- }
1211
1193
 
1212
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1213
- color: rgba(255, 255, 2555, 1)!important;
1194
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1195
+ .vjs-icon-fullscreen-enter:before {
1196
+ /* content: '' !important; */
1214
1197
  }
1215
1198
 
1216
-
1217
-
1218
-
1219
- .video-js.skin_cn_news .vjs-control-bar {
1220
- z-index: 1 !important;
1221
- height: auto !important;
1222
- padding: 0.8em 30px 0.6em;
1223
- background: transparent !important;
1199
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1224
1200
  display: flex;
1225
- flex-wrap: wrap;
1201
+ justify-content: center;
1226
1202
  align-items: center;
1227
- column-gap: 10px;
1203
+ /* transform: rotate(90deg); */
1228
1204
  }
1229
1205
 
1206
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1207
+ display: none;
1208
+ }
1209
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1210
+ margin-left: -10px;
1211
+ }
1230
1212
 
1231
- .video-js.skin_cn_news .vjs-control-bar::before {
1232
- content: '';
1233
- position: absolute;
1234
- left: 0;
1235
- right: 0;
1236
- bottom: 0;
1237
- top: -3em;
1238
- background: linear-gradient(
1239
- to top,
1240
- rgba(0, 0, 0, 0.85) 0%,
1241
- rgba(0, 0, 0, 0.7) 40%,
1242
- rgba(0, 0, 0, 0.55) 70%,
1243
- rgba(0, 0, 0, 0.38) 86%,
1244
- transparent 100%
1245
- );
1246
- pointer-events: none;
1247
- z-index: -1;
1213
+ .video-js.skin_news_live .skipbtn:hover{
1214
+ cursor: pointer;
1248
1215
  }
1249
1216
 
1250
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1251
- order: -1;
1252
- flex: 0 0 100%;
1253
- width: 80%;
1254
- margin: 0 0 5em;
1217
+ .video-js.skin_news_live .rewindbtn:hover{
1218
+ cursor: pointer;
1219
+ }
1220
+
1221
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1255
1222
  position: relative;
1223
+ padding-left: 0;
1256
1224
  }
1257
1225
 
1258
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1259
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1260
- width: auto;
1261
- min-width: 0;
1226
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1227
+ display: none !important;
1262
1228
  }
1263
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1264
- display: inline-flex;
1265
- align-items: center;
1266
- justify-content: center;
1267
- height: 7em;
1268
- padding: 0 10px;
1269
- color: #fff;
1229
+
1230
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1231
+ /* width: 90px;
1232
+ height: 90px;
1233
+ display: flex;
1234
+ justify-content: center;
1235
+ align-items: center;
1236
+ border-radius: 50%;
1237
+ position: absolute;
1238
+ top: 0;
1239
+ left: 0;
1240
+ right: 0;
1241
+ bottom: 0;
1242
+ margin: auto;
1243
+ font-size: 6em;
1244
+ line-height: 1.4em;
1245
+ border: 0.05em solid;
1246
+ color: inherit; */
1247
+ display: none !important;
1270
1248
  }
1271
-
1272
- .video-js.skin_cn_news .vjs-svg-icon::before {
1273
- content: none !important;
1249
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1250
+ font-weight: bold;
1274
1251
  }
1275
1252
 
1253
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1254
+ bottom: 2.4em !important;
1255
+ right: -1em;
1256
+ z-index: 1;
1257
+ }
1276
1258
 
1277
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1278
- display: inline-flex;
1279
- align-items: center;
1280
- justify-content: center;
1259
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1260
+ width: 24px !important;
1261
+ height: 24px !important;
1281
1262
  }
1282
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1283
- .video-js.skin_cn_news .vjs-rewind-button svg {
1284
- width: 24px;
1285
- height: 24px;
1286
- display: block;
1263
+ .settings-selector-icon>svg{
1264
+ height: 19px !important;
1265
+ width: 19px !important;
1287
1266
  }
1288
1267
 
1289
1268
 
1269
+ .video-js.skin_news_live button.vjs-rewind-button{
1270
+ cursor: pointer;
1271
+ }
1290
1272
 
1291
- .video-js.skin_cn_news .vjs-subs-caps-button {
1292
- opacity: 1;
1273
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1274
+ padding-right: 0;
1275
+ display: none;
1293
1276
  }
1294
1277
 
1278
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1279
+ padding-left: 0;
1280
+ display: none;
1281
+ }
1295
1282
 
1283
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1284
+ padding-left: 0;
1285
+ padding-right: 0;
1286
+ display: none;
1287
+ }
1296
1288
 
1297
- .video-js.skin_cn_news .vjs-volume-panel {
1298
- margin: 0;
1299
- display: inline-flex;
1300
- align-items: center;
1301
- align-self: center;
1302
- height: 2.2em;
1303
- min-width: 7em;
1304
- transition: none;
1289
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1290
+ display: none
1305
1291
  }
1306
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1307
- width: 0;
1308
- height: 100%;
1292
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1293
+ display: none
1294
+ }
1295
+
1296
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1309
1297
  display: flex;
1310
1298
  align-items: center;
1311
- overflow: hidden;
1312
- opacity: 0;
1313
- transition: width 0.15s ease, opacity 0.15s ease;
1314
- }
1315
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1316
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1317
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1318
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1319
- width: 5em;
1320
- opacity: 1;
1299
+ font-weight: 700;
1300
+ font-size: 12px;
1301
+ min-width: 1.2em;
1321
1302
  }
1322
1303
 
1323
- .video-js.skin_cn_news .vjs-volume-bar {
1324
- width: 4em;
1325
- height: 0.3em;
1326
- margin: 0 0.45em;
1304
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1305
+ display: none;
1306
+ font-size: 11px;
1307
+ justify-content: center;
1308
+ align-items: center;
1309
+ user-select: none;
1310
+ }
1311
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1312
+ display: none;
1327
1313
  }
1328
1314
 
1329
-
1330
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1331
- display: none !important;
1315
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1316
+ height: min-content;
1317
+ width: min-content;
1318
+ }
1319
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1320
+ width: 6em;
1332
1321
  }
1333
1322
 
1334
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1335
- width: 0 !important;
1323
+ .video-js.skin_news_live .content{
1324
+ bottom: 3.4rem !important;
1325
+ right: -4rem !important;
1336
1326
  }
1337
1327
 
1328
+ .setting-icon > svg{
1329
+ height:18px !important;
1330
+ }
1338
1331
 
1339
- .video-js.skin_cn_news .vjs-custom-control-spacer {
1340
- display: block !important;
1341
- flex: 1 1 auto;
1332
+ .output-overlay{
1333
+ position: absolute;
1334
+ bottom: 0;
1335
+ height: 100%;
1336
+ width: 100%;
1337
+ z-index: 0;
1338
+ border: 0;
1339
+ pointer-events:none
1342
1340
  }
1343
1341
 
1342
+ .video-js.skin_news_live iframe{
1343
+ width: 100%;
1344
+ height: 100%;
1345
+ }
1344
1346
 
1345
- .video-js.skin_cn_news .vjs-big-play-button {
1347
+ .video-js.skin_news_live .vjs-live-control{
1348
+ align-items: center;
1346
1349
  display: none;
1347
1350
  }
1348
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1349
- position: relative !important;
1350
- display: flex;
1351
- left: 0;
1352
- top: -1px;
1353
- }
1354
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1351
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1352
+ height: 2.2em;
1355
1353
  display: flex;
1356
- justify-content: center;
1357
1354
  align-items: center;
1358
- position: absolute;
1359
- top: 0;
1360
- left: 0;
1361
- right: 0;
1362
- bottom: 0;
1363
- margin: auto;
1364
- width: 80px;
1365
- height: 80px;
1366
- border: none;
1367
- border-radius: 50%;
1368
- background: rgba(0, 0, 0, 0.55);
1369
- font-size: 5em;
1370
- line-height: 1.3em;
1371
- transform: none !important;
1355
+ font-family: monospace;
1356
+ width: 4em;
1357
+ justify-content: center;
1358
+ background: red;
1359
+ margin: 4px 0px 4px 12px;
1372
1360
  }
1373
1361
 
1374
-
1375
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1376
- height: 4px !important;
1377
- margin: 0;
1378
- border-radius: 20px;
1379
- background-color: #393944;
1362
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1363
+ text-shadow: none;
1380
1364
  }
1381
1365
 
1382
- .video-js.skin_cn_news .vjs-play-progress {
1383
- background-color: #ffffff;
1384
- border-radius: 20px;
1366
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1367
+ display: flex;
1368
+ justify-content: center;
1369
+ min-width: 5.3em;
1370
+ pointer-events: none;
1371
+ user-select: none;
1385
1372
  }
1386
1373
 
1387
- .video-js.skin_cn_news .vjs-load-progress,
1388
- .video-js.skin_cn_news .vjs-load-progress div {
1389
- background: rgba(255, 255, 255, 0.15);
1390
- border-radius: 20px;
1374
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1375
+ color: white;
1391
1376
  }
1392
1377
 
1393
1378
 
1394
- .video-js.skin_cn_news .vjs-play-progress:before {
1395
- content: '';
1396
- width: 16px;
1397
- height: 16px;
1398
- border-radius: 50%;
1399
- background: #ffffff;
1400
- border: 2px solid rgba(0, 0, 0, 0.6);
1401
- box-sizing: border-box;
1402
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1403
- top: -6px;
1404
- right: -8px;
1405
- position: absolute;
1406
- }
1407
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1408
- display: none !important;
1379
+ .settings-selection.vjs-control.vjs-button{
1380
+ display: flex !important;
1409
1381
  }
1410
1382
 
1411
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1412
- background: #ffffff;
1413
- color: #0a0e17;
1414
- font-weight: 700;
1415
- border-radius: 3px;
1383
+ @media(max-width:576px){
1384
+ .settings-selection.vjs-control.vjs-button{
1385
+ display: none !important;
1386
+ }
1416
1387
  }
1417
1388
 
1418
- .video-js.skin_cn_news .vjs-live-control {
1419
- display: none !important;
1389
+
1390
+ @media(max-width:576px){
1391
+ .tvProviderImage{
1392
+ display: none
1393
+ }
1394
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1395
+ .icon-maximize {
1396
+ height: 30px !important;
1397
+ }
1398
+
1399
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1400
+ .icon-minimize {
1401
+ height: 30px !important;
1402
+ }
1403
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1404
+ width: 4.5em;
1405
+ }
1406
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1407
+ height: min-content;
1408
+ }
1409
+
1410
+ .video-js.skin_news_live button.vjs-slowmo-button{
1411
+ display: none;
1412
+ }
1413
+ .video-js.skin_news_live button.vjs-rewind-button{
1414
+ display: none;
1415
+ }
1416
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1417
+ height: 20px;
1418
+ }
1419
+ .video-js.skin_news_live .vjs-button{
1420
+ width: 4.8em;
1421
+ }
1422
+ .video-js.skin_news_live .widget-selection{
1423
+ display: none;
1424
+ }
1425
+ .video-js.skin_news_live .container{
1426
+ display: none !important;
1427
+ }
1428
+ .video-js.skin_news_live .vjs-control-bar{
1429
+ height: 4em !important;
1430
+ }
1431
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1432
+ font-size: 2.5em;
1433
+ line-height: 1.5;
1434
+ }
1435
+ .video-js.skin_news_live .vjs-play-progress:before {
1436
+ font-size: 1.2em;
1437
+ position: absolute;
1438
+ right: -0.5em;
1439
+ z-index: 1;
1440
+ }
1441
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1442
+ height: 20px;
1420
1443
  }
1421
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1422
- display: inline-flex;
1423
- align-items: center;
1424
- align-self: center;
1425
- height: 2.2em;
1426
- gap: 5px;
1427
- width: auto;
1428
- padding: 0 10px;
1429
- border: 1px solid rgba(255, 255, 255, 0.45);
1430
- border-radius: 4px;
1431
- cursor: pointer;
1444
+ .video-js.skin_news_live button.vjs-big-play-button {
1445
+ width: 50px !important;
1446
+ height: 50px !important;
1447
+ font-size: 2.1rem !important;
1432
1448
  }
1433
1449
 
1434
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1435
- display: none;
1436
- }
1437
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1438
- display: inline-flex;
1439
- align-items: center;
1450
+ .stream-selector-icon>svg{
1451
+ width: 24px;
1452
+ height: 24px;
1440
1453
  }
1441
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1442
- content: '';
1443
- display: inline-block;
1444
- width: 8px;
1445
- height: 8px;
1446
- border-radius: 50%;
1447
- background: #ff2d2d; /* red live dot */
1454
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1455
+ margin: 0 12px 0 12px;
1448
1456
  }
1449
- .video-js.skin_cn_news .vjs-seek-to-live-text {
1450
- color: #ffffff;
1451
- font-weight: 700;
1457
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1452
1458
  font-size: 12px;
1453
- letter-spacing: 0.03em;
1454
- }
1455
-
1456
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1457
- border-color: transparent;
1458
1459
  }
1459
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1460
- color: #ff2d2d;
1460
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1461
+ margin: 0 12px 0 12px;
1461
1462
  }
1462
-
1463
- /* ---- time controls ---- */
1464
- .video-js.skin_cn_news .vjs-current-time,
1465
- .video-js.skin_cn_news .vjs-duration,
1466
- .video-js.skin_cn_news .vjs-time-divider {
1467
- display: none !important;
1468
1463
  }
1469
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1470
- display: none;
1471
- align-items: center;
1464
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1465
+ width: 90px;
1466
+ height: 90px;
1467
+ display: flex;
1472
1468
  justify-content: center;
1473
- font-size: 11px;
1474
- font-weight: 700;
1475
- color: #fff;
1476
- padding: 0 6px;
1477
- user-select: none;
1469
+ align-items: center;
1470
+ border-radius: 50%;
1471
+ position: absolute;
1472
+ top: 0;
1473
+ left: 0;
1474
+ right: 0;
1475
+ bottom: 0;
1476
+ margin: auto;
1477
+ font-size: 6em;
1478
+ line-height: 1.4em;
1478
1479
  }
1479
1480
 
1480
-
1481
- .video-js.skin_cn_news .vjs-chapter-marker {
1482
- z-index: 2;
1483
- width: var(--vl-chapter-size, 8px);
1484
- height: var(--vl-chapter-size, 8px);
1485
- top: 50%;
1486
- bottom: auto;
1487
- background: var(--vl-chapter-color, #ffffff);
1488
- opacity: var(--vl-chapter-opacity, 1);
1489
- border-radius: 50%;
1490
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1491
- transform: translate(-50%, -50%) scale(1);
1492
- transition: background-color 0.12s ease;
1481
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1482
+ display: flex;
1483
+ justify-content: center;
1484
+ align-items: center;
1485
+ height: 100%;
1486
+ transition: width 0.1s;
1493
1487
  }
1494
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
1495
- background: var(--vl-chapter-hover, #0a5cff);
1488
+
1489
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1490
+ display: flex;
1491
+ justify-content: center;
1492
+ align-items: center;
1493
+ height: 100%;
1494
+ transition: width 0.1s;
1496
1495
  }
1497
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1498
- background: var(--vl-chapter-active, #0a5cff);
1496
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1497
+ display: none !important;
1499
1498
  }
1500
1499
 
1500
+ @media (max-width: 576px) {
1501
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1502
+ height: 5px !important;
1503
+ }
1504
+ .video-js.skin_news_live button.vjs-big-play-button {
1505
+ width: 50px !important;
1506
+ height: 50px !important;
1507
+ font-size: 2.1rem !important;
1508
+ }
1501
1509
 
1502
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1503
- width: 16px;
1504
- height: 16px;
1505
- bottom: 160%;
1506
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1510
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1511
+ display: none;
1512
+ }
1513
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1514
+ bottom: 2.4em !important;
1515
+ right: -1em;
1516
+ z-index: 1;
1507
1517
  }
1518
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1519
+ display: none !important;
1520
+ }
1508
1521
 
1522
+ }
1509
1523
 
1510
- .video-js.skin_cn_news .vjs-chapter-preview {
1511
- background: var(--vl-chapter-tooltip, #0a5cff);
1512
- border-radius: 6px;
1513
- padding: 8px 10px;
1514
- width: max-content;
1515
- max-width: 300px;
1516
- text-align: left;
1517
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1524
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1525
+ width: 100% !important;
1518
1526
  }
1519
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1520
- color: #ffffff;
1521
- font-size: 13px;
1522
- font-weight: 400;
1523
- margin-bottom: 2px;
1527
+
1528
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1529
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1530
+ font-size: 1.2em !important;
1531
+ line-height: 1.5em !important;
1532
+ padding: 0.2em 0.8em !important;
1524
1533
  }
1525
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1526
- color: #ffffff;
1527
- font-size: 13px;
1528
- font-weight: 400;
1529
- line-height: 1.3;
1530
- white-space: normal;
1531
- text-align: left;
1534
+
1535
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1536
+ content: none !important;
1537
+ fill: none !important;
1538
+ filter: none !important;
1532
1539
  }
1533
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1534
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1540
+
1541
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1542
+ color: rgba(255, 255, 2555, 0.7)!important;
1535
1543
  }
1536
1544
 
1537
- /* ---- responsive ---- */
1538
- @media (max-width: 576px) {
1539
- .video-js.skin_cn_news .vjs-control-bar {
1540
- height: 3.2em !important;
1541
- padding: 0 8px;
1542
- }
1543
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1544
- padding: 0 6px;
1545
- }
1546
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1547
- display: none !important;
1548
- }
1545
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1546
+ color: rgba(255, 255, 2555, 1)!important;
1549
1547
  }
1550
1548
 
1549
+
1550
+
1551
1551
  .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1552
1552
  font-size: 2.2em;
1553
1553
  line-height: 2.6;
@@ -2199,8 +2199,6 @@
2199
2199
 
2200
2200
 
2201
2201
 
2202
-
2203
-
2204
2202
  .video-js .multicamera-parent.default{
2205
2203
  height: 345px;
2206
2204
  position: absolute;
@@ -2280,7 +2278,6 @@
2280
2278
  }
2281
2279
 
2282
2280
 
2283
-
2284
2281
  .vjs-custom-big-mute.vjs-control{
2285
2282
  position: absolute;
2286
2283
  align-items: center;
@@ -2330,6 +2327,9 @@
2330
2327
  }
2331
2328
 
2332
2329
 
2330
+
2331
+
2332
+
2333
2333
  /* nextep — up-next card (centered in player, scales with player size) */
2334
2334
  .video-js:has(.next-ep-preview),
2335
2335
  .video-js:has(.next-ep-preview-player-thumb) {
@@ -2612,38 +2612,6 @@
2612
2612
  z-index: 30 !important;
2613
2613
  }
2614
2614
 
2615
- /* a wrapper element that tracks the mouse vertically */
2616
- .vjs-thumbnail-holder {
2617
- position: absolute;
2618
- left: -1000px;
2619
- }
2620
-
2621
- /* the thumbnail image itself */
2622
- .vjs-thumbnail {
2623
- position: absolute;
2624
- left: 0;
2625
- bottom: 1.3em;
2626
- opacity: 0;
2627
- transition: opacity .2s ease;
2628
- -webkit-transition: opacity .2s ease;
2629
- -moz-transition: opacity .2s ease;
2630
- -mz-transition: opacity .2s ease;
2631
- }
2632
-
2633
- /* fade in the thumbnail when hovering over the progress bar */
2634
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2635
- .vjs-progress-control:hover .vjs-thumbnail,
2636
- .vjs-progress-control.fake-active .vjs-thumbnail,
2637
- .vjs-progress-control:active .vjs-thumbnail {
2638
- opacity: 1;
2639
- }
2640
-
2641
- /* ... but hide the thumbnail when hovering directly over it */
2642
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2643
- .vjs-progress-control:active .vjs-thumbnail:active {
2644
- opacity: 0;
2645
- }
2646
-
2647
2615
  .video-js.vjs-quality-menu {
2648
2616
  display: block;
2649
2617
  }
@@ -2714,6 +2682,38 @@
2714
2682
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2715
2683
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2716
2684
  }
2685
+ /* a wrapper element that tracks the mouse vertically */
2686
+ .vjs-thumbnail-holder {
2687
+ position: absolute;
2688
+ left: -1000px;
2689
+ }
2690
+
2691
+ /* the thumbnail image itself */
2692
+ .vjs-thumbnail {
2693
+ position: absolute;
2694
+ left: 0;
2695
+ bottom: 1.3em;
2696
+ opacity: 0;
2697
+ transition: opacity .2s ease;
2698
+ -webkit-transition: opacity .2s ease;
2699
+ -moz-transition: opacity .2s ease;
2700
+ -mz-transition: opacity .2s ease;
2701
+ }
2702
+
2703
+ /* fade in the thumbnail when hovering over the progress bar */
2704
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2705
+ .vjs-progress-control:hover .vjs-thumbnail,
2706
+ .vjs-progress-control.fake-active .vjs-thumbnail,
2707
+ .vjs-progress-control:active .vjs-thumbnail {
2708
+ opacity: 1;
2709
+ }
2710
+
2711
+ /* ... but hide the thumbnail when hovering directly over it */
2712
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
2713
+ .vjs-progress-control:active .vjs-thumbnail:active {
2714
+ opacity: 0;
2715
+ }
2716
+
2717
2717
  .vjs-poster {
2718
2718
  display: inline-block;
2719
2719
  vertical-align: middle;