@viewlift/player-backup 2.0.362-backup → 2.0.363-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 (193) hide show
  1. package/cjs/_commonjsHelpers-81c4d214.js +1 -0
  2. package/cjs/{autoNextVideo-8111b537.js → autoNextVideo-b57fd94e.js} +1 -1
  3. package/cjs/bundle.css +1064 -1064
  4. package/cjs/{features-fd475954.js → features-84532cac.js} +1 -1
  5. package/cjs/generic-ca18a946.js +1 -0
  6. package/cjs/{index-f8caea2b.js → index-27a62060.js} +1 -1
  7. package/cjs/index-62250ea0.js +1 -0
  8. package/cjs/{index-b66b50e9.js → index-66e473f7.js} +1 -1
  9. package/cjs/index-91ceac93.js +1 -0
  10. package/cjs/{index-5f2563a2.js → index-d28c1d04.js} +1 -1
  11. package/cjs/{index-6be87812.js → index-ee9cb57f.js} +1 -1
  12. package/cjs/index.js +1 -1
  13. package/cjs/{multicamv2-0a3c45d5.js → multicamv2-96472b7c.js} +1 -1
  14. package/cjs/{multicamv2-5a835f15.js → multicamv2-a3b15f57.js} +1 -1
  15. package/cjs/{nextEpisodeButton-6e185ee3.js → nextEpisodeButton-0e7c699e.js} +1 -1
  16. package/cjs/{playlist-aab0b8a8.js → playlist-6dbaae47.js} +1 -1
  17. package/cjs/{series-427b2d48.js → series-3754d0a9.js} +1 -1
  18. package/cjs/{series-v2-f06d976c.js → series-v2-00ad95c3.js} +1 -1
  19. package/cjs/{series-v2-49e78a93.js → series-v2-faf6c719.js} +1 -1
  20. package/cjs/{settings-icon-813fb46e.js → settings-icon-81e0bc78.js} +1 -1
  21. package/cjs/{skin-47953255.js → skin-0220bbd7.js} +1 -1
  22. package/cjs/{skin-cd1f686a.js → skin-13c66191.js} +1 -1
  23. package/cjs/{skin-acc2674a.js → skin-2b08e648.js} +1 -1
  24. package/cjs/{skin-8143f616.js → skin-5e92eba9.js} +1 -1
  25. package/cjs/{skin-05f50e97.js → skin-5f049521.js} +1 -1
  26. package/cjs/{skin-568debb8.js → skin-65a80a93.js} +1 -1
  27. package/cjs/{skin-78293912.js → skin-8111bf49.js} +1 -1
  28. package/cjs/{skin-e375a1f5.js → skin-c211c3a9.js} +1 -1
  29. package/cjs/{skin-d3b6cdb7.js → skin-e3d5c1a7.js} +1 -1
  30. package/cjs/{skin-13dc9279.js → skin-eecb289d.js} +1 -1
  31. package/cjs/{videoSelector-e0aef357.js → videoSelector-0bd954a8.js} +1 -1
  32. package/cjs/{videoSelector-2fc51bd0.js → videoSelector-99835c7d.js} +1 -1
  33. package/esm/_commonjsHelpers-0307ea52.js +1 -0
  34. package/esm/{autoNextVideo-30de255c.js → autoNextVideo-ca468d20.js} +1 -1
  35. package/esm/bundle.css +1064 -1064
  36. package/esm/{features-bc01ec22.js → features-0d4290a8.js} +1 -1
  37. package/esm/generic-6c14b09e.js +1 -0
  38. package/esm/index-23afe568.js +1 -0
  39. package/esm/{index-082ec9a4.js → index-4be0bb5b.js} +1 -1
  40. package/esm/{index-5b6be94c.js → index-8b7ad7a7.js} +1 -1
  41. package/esm/{index-6a666280.js → index-c276e2a6.js} +1 -1
  42. package/esm/index-c4656b30.js +1 -0
  43. package/esm/{index-2cd58e79.js → index-e096af23.js} +1 -1
  44. package/esm/{index-563582e4.js → index-eded6cb0.js} +1 -1
  45. package/esm/index.js +1 -1
  46. package/esm/{multicamv2-8d15d054.js → multicamv2-63047664.js} +1 -1
  47. package/esm/{multicamv2-dff8a123.js → multicamv2-7b8465e8.js} +1 -1
  48. package/esm/{nextEpisodeButton-16c34bc9.js → nextEpisodeButton-a3ed5cde.js} +1 -1
  49. package/esm/{playlist-540b4259.js → playlist-41378efa.js} +1 -1
  50. package/esm/remote/airplay/src/js/components/AirPlayButton.d.ts +2 -0
  51. package/esm/remote/airplay/src/js/enableAirPlay.d.ts +2 -0
  52. package/esm/remote/airplay/src/js/index.d.ts +2 -0
  53. package/esm/remote/airplay/src/js/lib/hasAirPlayAPISupport.d.ts +2 -0
  54. package/esm/remote/chromecast/src/js/chromecast/ChromecastSessionManager.d.ts +168 -0
  55. package/esm/remote/chromecast/src/js/components/ChromecastButton.d.ts +2 -0
  56. package/esm/remote/chromecast/src/js/enableChromecast.d.ts +2 -0
  57. package/esm/remote/chromecast/src/js/index.d.ts +2 -0
  58. package/esm/remote/chromecast/src/js/preloadWebComponents.d.ts +2 -0
  59. package/esm/remote/chromecast/src/js/tech/ChromecastTech.d.ts +2 -0
  60. package/esm/remote/chromecast/src/js/tech/ChromecastTechUI.d.ts +92 -0
  61. package/esm/{series-882bbe59.js → series-b9736092.js} +1 -1
  62. package/esm/{series-v2-6a972007.js → series-v2-1d1e574d.js} +1 -1
  63. package/esm/{series-v2-6b9a2ecb.js → series-v2-768b237e.js} +1 -1
  64. package/esm/{skin-bfd3210c.js → skin-012028ab.js} +1 -1
  65. package/esm/{skin-c886fc0c.js → skin-05244e25.js} +1 -1
  66. package/esm/{skin-aa1267d2.js → skin-30bed6f1.js} +1 -1
  67. package/esm/{skin-fd52a90d.js → skin-322d12ce.js} +1 -1
  68. package/esm/{skin-d27184a9.js → skin-35b6305b.js} +1 -1
  69. package/esm/{skin-2fca8a45.js → skin-5bafce20.js} +1 -1
  70. package/esm/{skin-3c3761e6.js → skin-5dd350fb.js} +1 -1
  71. package/esm/{skin-8bbf3d1b.js → skin-62c1d140.js} +1 -1
  72. package/esm/{skin-d08d9bb8.js → skin-9126d695.js} +1 -1
  73. package/esm/{skin-c88666c4.js → skin-eb02f212.js} +1 -1
  74. package/esm/{apis → src/apis}/index.d.ts +4 -4
  75. package/esm/{helpers → src/helpers}/token.d.ts +1 -1
  76. package/esm/{index.d.ts → src/index.d.ts} +1 -1
  77. package/esm/{videoSelector-25628f8a.js → videoSelector-323e9112.js} +1 -1
  78. package/esm/{videoSelector-4102e800.js → videoSelector-f3f07a76.js} +1 -1
  79. package/package.json +10 -3
  80. package/cjs/generic-97f909c9.js +0 -1
  81. package/esm/generic-4943353c.js +0 -1
  82. /package/esm/{assets → src/assets}/icons.d.ts +0 -0
  83. /package/esm/{components → src/components}/advertisement/advertisement.d.ts +0 -0
  84. /package/esm/{components → src/components}/auto-next-video/autoNextVideo.d.ts +0 -0
  85. /package/esm/{components → src/components}/big-mute-btn/index.d.ts +0 -0
  86. /package/esm/{components → src/components}/broadcaster_image/index.d.ts +0 -0
  87. /package/esm/{components → src/components}/caption-settings/caption-settings.d.ts +0 -0
  88. /package/esm/{components → src/components}/chapters/bootstrap.d.ts +0 -0
  89. /package/esm/{components → src/components}/chapters/events.d.ts +0 -0
  90. /package/esm/{components → src/components}/chapters/index.d.ts +0 -0
  91. /package/esm/{components → src/components}/chapters/markers.d.ts +0 -0
  92. /package/esm/{components → src/components}/chapters/offsets.d.ts +0 -0
  93. /package/esm/{components → src/components}/chapters/store.d.ts +0 -0
  94. /package/esm/{components → src/components}/chapters/timelineMapper.d.ts +0 -0
  95. /package/esm/{components → src/components}/dvr-seekbar/index.d.ts +0 -0
  96. /package/esm/{components → src/components}/multicam/multicam.d.ts +0 -0
  97. /package/esm/{components → src/components}/multicam-v2/multicamv2.d.ts +0 -0
  98. /package/esm/{components → src/components}/multicam-v2_TEMP/multicamv2.d.ts +0 -0
  99. /package/esm/{components → src/components}/next-ep-preview/next-ep-preview.d.ts +0 -0
  100. /package/esm/{components → src/components}/next-episode/nextEpisodeButton.d.ts +0 -0
  101. /package/esm/{components → src/components}/playlist-tray/playlist.d.ts +0 -0
  102. /package/esm/{components → src/components}/quality-selector/index.d.ts +0 -0
  103. /package/esm/{components → src/components}/resolution/resolution.d.ts +0 -0
  104. /package/esm/{components → src/components}/series/series.d.ts +0 -0
  105. /package/esm/{components → src/components}/series-v2/helper.d.ts +0 -0
  106. /package/esm/{components → src/components}/series-v2/series-v2.d.ts +0 -0
  107. /package/esm/{components → src/components}/series-v2_TEMP/helper.d.ts +0 -0
  108. /package/esm/{components → src/components}/series-v2_TEMP/series-v2.d.ts +0 -0
  109. /package/esm/{components → src/components}/settings-icon/settings-icon.d.ts +0 -0
  110. /package/esm/{components → src/components}/subs-caps-button/subs-caps-button.d.ts +0 -0
  111. /package/esm/{components → src/components}/text-track-settings/text-track-settings.d.ts +0 -0
  112. /package/esm/{components → src/components}/timer/index.d.ts +0 -0
  113. /package/esm/{components → src/components}/transmit/constants.d.ts +0 -0
  114. /package/esm/{components → src/components}/transmit/index.d.ts +0 -0
  115. /package/esm/{components → src/components}/transmit/session.d.ts +0 -0
  116. /package/esm/{components → src/components}/transmit/transmitAd.d.ts +0 -0
  117. /package/esm/{components → src/components}/transmit/transmitAdManager.d.ts +0 -0
  118. /package/esm/{components → src/components}/transmit/utils.d.ts +0 -0
  119. /package/esm/{components → src/components}/trickplay/helper.d.ts +0 -0
  120. /package/esm/{components → src/components}/trickplay/index.d.ts +0 -0
  121. /package/esm/{components → src/components}/trickplay/videojs.thumbnails.d.ts +0 -0
  122. /package/esm/{components → src/components}/video-selector/videoSelector.d.ts +0 -0
  123. /package/esm/{components → src/components}/video-selector_TEMP/videoSelector.d.ts +0 -0
  124. /package/esm/{components → src/components}/watch-history/handleWatchHistory.d.ts +0 -0
  125. /package/esm/{contentHandler → src/contentHandler}/content_types/epg.d.ts +0 -0
  126. /package/esm/{contentHandler → src/contentHandler}/content_types/external.d.ts +0 -0
  127. /package/esm/{contentHandler → src/contentHandler}/content_types/index.d.ts +0 -0
  128. /package/esm/{contentHandler → src/contentHandler}/content_types/series.d.ts +0 -0
  129. /package/esm/{contentHandler → src/contentHandler}/content_types/vod.d.ts +0 -0
  130. /package/esm/{contentHandler → src/contentHandler}/firePlayer.d.ts +0 -0
  131. /package/esm/{core → src/core}/captions.d.ts +0 -0
  132. /package/esm/{core → src/core}/generic.d.ts +0 -0
  133. /package/esm/{core → src/core}/player_instance.d.ts +0 -0
  134. /package/esm/{core → src/core}/renditions.d.ts +0 -0
  135. /package/esm/{core → src/core}/util.d.ts +0 -0
  136. /package/esm/{core → src/core}/volume.d.ts +0 -0
  137. /package/esm/{dash → src/dash}/dashHandler.d.ts +0 -0
  138. /package/esm/{dash → src/dash}/linear_ssai.d.ts +0 -0
  139. /package/esm/{dash → src/dash}/sgai.d.ts +0 -0
  140. /package/esm/{features → src/features}/scheduleWindow/index.d.ts +0 -0
  141. /package/esm/{features.d.ts → src/features.d.ts} +0 -0
  142. /package/esm/{globalPlayerEvents.d.ts → src/globalPlayerEvents.d.ts} +0 -0
  143. /package/esm/{helpers → src/helpers}/accessibility.d.ts +0 -0
  144. /package/esm/{helpers → src/helpers}/apiErrorTracker.d.ts +0 -0
  145. /package/esm/{helpers → src/helpers}/browser.d.ts +0 -0
  146. /package/esm/{helpers → src/helpers}/browser.test.d.ts +0 -0
  147. /package/esm/{helpers → src/helpers}/currentVideoInfo.d.ts +0 -0
  148. /package/esm/{helpers → src/helpers}/drmErrorDetection.d.ts +0 -0
  149. /package/esm/{helpers → src/helpers}/errorHandling.d.ts +0 -0
  150. /package/esm/{helpers → src/helpers}/loader.d.ts +0 -0
  151. /package/esm/{helpers → src/helpers}/localisation.d.ts +0 -0
  152. /package/esm/{helpers → src/helpers}/playerControlEvents.d.ts +0 -0
  153. /package/esm/{helpers → src/helpers}/scriptLoader.d.ts +0 -0
  154. /package/esm/{helpers → src/helpers}/secondary-switching.d.ts +0 -0
  155. /package/esm/{helpers → src/helpers}/skin.d.ts +0 -0
  156. /package/esm/{helpers → src/helpers}/sourceRetriever.d.ts +0 -0
  157. /package/esm/{helpers → src/helpers}/ssaiEventHandler.d.ts +0 -0
  158. /package/esm/{plugins → src/plugins}/chromecast.d.ts +0 -0
  159. /package/esm/{plugins → src/plugins}/comscore_dist/index.d.ts +0 -0
  160. /package/esm/{plugins → src/plugins}/index.d.ts +0 -0
  161. /package/esm/{plugins → src/plugins}/library.d.ts +0 -0
  162. /package/esm/{plugins → src/plugins}/videojs-dash5.es.d.ts +0 -0
  163. /package/esm/{plugins → src/plugins}/videojs_contrib_dash.d.ts +0 -0
  164. /package/esm/{skin → src/skin}/carousel/skin.d.ts +0 -0
  165. /package/esm/{skin → src/skin}/cn_news/skin.d.ts +0 -0
  166. /package/esm/{skin → src/skin}/default/events.d.ts +0 -0
  167. /package/esm/{skin → src/skin}/default/skin.d.ts +0 -0
  168. /package/esm/{skin → src/skin}/defaultV2/events.d.ts +0 -0
  169. /package/esm/{skin → src/skin}/defaultV2/skin.d.ts +0 -0
  170. /package/esm/{skin → src/skin}/index.d.ts +0 -0
  171. /package/esm/{skin → src/skin}/mini/events.d.ts +0 -0
  172. /package/esm/{skin → src/skin}/mini/skin.d.ts +0 -0
  173. /package/esm/{skin → src/skin}/minimalist/skin.d.ts +0 -0
  174. /package/esm/{skin → src/skin}/multiplayer/events.d.ts +0 -0
  175. /package/esm/{skin → src/skin}/multiplayer/skin.d.ts +0 -0
  176. /package/esm/{skin → src/skin}/news/events.d.ts +0 -0
  177. /package/esm/{skin → src/skin}/news/skin.d.ts +0 -0
  178. /package/esm/{skin → src/skin}/news_live/events.d.ts +0 -0
  179. /package/esm/{skin → src/skin}/news_live/skin.d.ts +0 -0
  180. /package/esm/{skin → src/skin}/vl_one/events.d.ts +0 -0
  181. /package/esm/{skin → src/skin}/vl_one/skin.d.ts +0 -0
  182. /package/esm/{utilities → src/utilities}/analytics.d.ts +0 -0
  183. /package/esm/{utilities → src/utilities}/beacon.d.ts +0 -0
  184. /package/esm/{utilities → src/utilities}/castCommands.d.ts +0 -0
  185. /package/esm/{utilities → src/utilities}/comscore.d.ts +0 -0
  186. /package/esm/{utilities → src/utilities}/controlsColor.d.ts +0 -0
  187. /package/esm/{utilities → src/utilities}/conviva.d.ts +0 -0
  188. /package/esm/{utilities → src/utilities}/keyboardShortcuts.d.ts +0 -0
  189. /package/esm/{utilities → src/utilities}/manager.d.ts +0 -0
  190. /package/esm/{utilities → src/utilities}/qualityLabels.d.ts +0 -0
  191. /package/esm/{utilities → src/utilities}/relatedVideosManager.d.ts +0 -0
  192. /package/esm/{utilities → src/utilities}/replaceMacros.d.ts +0 -0
  193. /package/esm/{utilities → src/utilities}/sse.d.ts +0 -0
package/cjs/bundle.css CHANGED
@@ -1,566 +1,758 @@
1
1
 
2
2
 
3
3
 
4
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
5
- height: 0.7em !important;
6
- position: absolute !important;
7
- top: -0.7em !important;
8
- width: 100% !important;
9
- }
10
4
 
11
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
12
- height: 100%;
13
- }
14
5
 
15
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
16
- line-height: 2.5;
17
- }
18
6
 
19
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
20
- height: 19px;
21
- width: 19px;
22
- cursor: pointer;
7
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
8
+ font-size: 2.2em;
9
+ line-height: 2.6;
23
10
  }
24
- .video-js.skin_vlone .vjs-control {
25
- user-select: none;
11
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
12
+ background: white;
26
13
  }
27
- .video-js.skin_vlone .vjs-custom-control-spacer{
28
- user-select: none;
14
+ .video-js.skin_news .vjs-control-bar{
15
+ z-index: 1 !important;
16
+ height: 5em !important;
17
+ background: black !important;
29
18
  }
30
-
31
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
32
- height: 19px;
33
- width: 19px;
34
- cursor: pointer;
19
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
20
+ display: flex;
21
+ align-items: center;
22
+ justify-content: center;
35
23
  }
36
24
 
37
- .video-js.skin_vlone .vjs-play-progress:before {
38
- display: none !important;
25
+ .video-js.skin_news .vjs-fade>* {
26
+ visibility: hidden !important;
27
+ opacity: 0 !important;
28
+ transition: visibility 1s, opacity 1s !important;
39
29
  }
40
30
 
41
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
42
- margin: 0 !important;
43
-
31
+ .video-js.skin_news .custom-spaced-progress-bar {
32
+ position: absolute;
33
+ width: 100%;
34
+ display: flex;
35
+ height: 0.5em;
36
+ top: -0.5em;
44
37
  }
45
38
 
46
-
47
- .video-js.skin_vlone .vjs-custom-control-spacer {
48
- display: block;
49
- flex: 1 1 auto;
39
+ .video-js.skin_news .vjs-progress-control {
40
+ /* left: -6px; */
41
+ position: relative;
42
+ width: 100%;
43
+ height: 0.5em;
44
+ transition: height 0.1s, top 0.1s;
50
45
  }
51
46
 
52
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
53
- z-index: 1;
54
- }
55
47
 
56
48
 
57
- .video-js.skin_vlone .vjs-control-bar {
58
- height: 40px;
49
+
50
+ .video-js.skin_news .vjs-custom-control-spacer {
51
+ display: block;
52
+ flex: 1 1 auto;
59
53
  }
60
54
 
61
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
62
- .vjs-button>.vjs-icon-placeholder:before {
63
- position: relative !important;
55
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
56
+ margin: 0 0px 0 0px;
64
57
  }
65
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
66
- display: flex;
67
- left: 0px;
68
- top: -1px;
58
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
59
+ display: none;
69
60
  }
70
61
 
71
- .vjs-button>.vjs-icon-placeholder:before {
72
- font-size: 2em !important;
62
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
63
+ font-size: 14px;
64
+ font-weight: 500;
65
+ align-self: center;
66
+ height: min-content;
67
+ padding: 5px 2px;
68
+ border-radius: 8px;
73
69
  }
74
70
 
75
- .video-js.skin_vlone .vjs-control {
76
- width: 4.3em;
71
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
72
+ height: 6px !important;
77
73
  }
78
74
 
79
- .vjs-menu-button-popup .vjs-menu {
80
- bottom: 10px !important;
75
+ .video-js.skin_news .vjs-play-progress:before {
76
+ font-size: 1.5em;
77
+ line-height: unset;
78
+ top: -0.3333333333em;
81
79
  }
82
80
 
81
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
82
+ display: none !important;
83
+ }
83
84
 
84
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
85
- height: 1.3em !important;
86
- position: absolute !important;
87
- top: -1.3em !important;
88
- transition: height 0.3s, top 0.3s !important;
85
+ /* */
86
+ .video-js.skin_news .vjs-mouse-display{
87
+ font-size: 1.6666666667em;
89
88
  }
90
89
 
90
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
91
+ font-size: 1em !important;
92
+ }
91
93
 
92
- .video-js.skin_vlone.vjs-live .vjs-time-control{
93
- display: none !important;
94
+ .video-js.skin_news .vjs-button{
95
+ width: 5.3em;
96
+ display: flex;
97
+ align-items: center;
98
+ justify-content: center;
94
99
  }
95
100
 
96
- .video-js.skin_vlone .vjs-time-control {
101
+
102
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
103
+ .icon-maximize {
97
104
  display: block;
98
- }
99
- .video-js.skin_vlone .vjs-remaining-time {
100
- display: none;
105
+ height: 32px;
101
106
  }
102
107
 
103
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
104
- line-height: 3.5em;
105
- font-size: 1.1em;
106
- min-width: 4em;
108
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
109
+ line-height: 4;
107
110
  }
108
111
 
109
- .video-js.skin_vlone .vjs-time-divider > div{
110
- display: flex;
111
- justify-content: center;
112
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
113
+ .icon-minimize {
114
+ display: none;
115
+ height: 32px;
112
116
  }
113
117
 
114
- .video-js.skin_vlone .vjs-live-control{
115
- align-items: center;
118
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
119
+ outline: none !important;
116
120
  }
117
- .video-js.skin_vlone .vjs-live-display{
118
- height: 2.2em;
119
- display: flex;
120
- align-items: center;
121
- font-family: monospace;
122
- width: 4em;
123
- justify-content: center;
124
- background: red;
125
- margin: 4px 0px 4px 12px;
121
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
122
+ .vjs-icon-fullscreen-enter:before {
123
+ /* content: '' !important; */
126
124
  }
127
- .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
128
- background: #6b6b6b;
125
+
126
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
127
+ display: flex;
128
+ justify-content: center;
129
+ align-items: center;
130
+ /* transform: rotate(90deg); */
129
131
  }
130
- .video-js.skin_vlone .vjs-live-display:hover{
131
- cursor: pointer;
132
+
133
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
134
+ display: none;
135
+ }
136
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
137
+ margin-left: -10px;
132
138
  }
133
139
 
134
- .video-js.skin_vlone .vjs-time-control {
135
- line-height: 3.5em !important;
136
- font-size: 1.1em !important;
137
- width: min-content !important;
138
- min-width: 1.5em;
139
- padding: 0 !important;
140
- user-select: none;
140
+ .video-js.skin_news .skipbtn:hover{
141
+ cursor: pointer;
141
142
  }
142
143
 
143
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
144
- margin-left: 16px !important;
144
+ .video-js.skin_news .rewindbtn:hover{
145
+ cursor: pointer;
145
146
  }
146
147
 
147
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
148
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
149
- font-size: 1.2em !important;
150
- line-height: 1.5em !important;
151
- padding: 0.2em 0.8em !important;
148
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
149
+ position: relative;
150
+ padding-left: 0;
152
151
  }
153
152
 
153
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
154
+ display: none !important;
155
+ }
154
156
 
155
- /* Big play */
156
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
157
- width: 80px;
158
- height: 80px;
157
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
158
+ width: 90px;
159
+ height: 90px;
159
160
  display: flex;
160
161
  justify-content: center;
161
162
  align-items: center;
162
- border: none;
163
+ border-radius: 50%;
163
164
  position: absolute;
164
165
  top: 0;
165
166
  left: 0;
166
167
  right: 0;
167
168
  bottom: 0;
168
169
  margin: auto;
169
- font-size: 5em;
170
- line-height: 1.3em;
171
- transform: none !important;
172
- border-radius: 1.3em;
170
+ font-size: 6em;
171
+ line-height: 1.4em;
172
+ border: 0.05em solid;
173
+ color: inherit;
173
174
  }
174
- .video-js.skin_vlone .ssai-ad-container{
175
- position: absolute;
176
- bottom: 4px;
175
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
176
+ font-weight: bold;
177
177
  }
178
-
179
- @media(max-width:600px){
180
- .video-js.skin_vlone button.vjs-big-play-button {
181
- width: 50px !important;
182
- height: 50px !important;
183
- font-size: 2.1rem !important;
184
- }
185
178
 
186
- .video-js.skin_vlone .ssai-ad-container {
187
- position: absolute;
188
- bottom: 2px;
189
- }
190
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
191
- display: none;
179
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
180
+ bottom: 2.4em !important;
181
+ right: -1em;
182
+ z-index: 1;
192
183
  }
193
184
 
194
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
195
- /* display: none; */
185
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
186
+ width: 24px !important;
187
+ height: 24px !important;
188
+ }
189
+ .settings-selector-icon>svg{
190
+ height: 19px !important;
191
+ width: 19px !important;
196
192
  }
197
193
 
198
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
199
- /* display: none; */
194
+
195
+ .video-js.skin_news button.vjs-rewind-button{
196
+ cursor: pointer;
200
197
  }
198
+
199
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
200
+ padding-right: 0;
201
201
  }
202
- .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
203
- text-decoration: underline;
202
+
203
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
204
+ padding-left: 0;
204
205
  }
205
206
 
206
- .video-js.skin_cn_news .vjs-control-bar {
207
- z-index: 1 !important;
208
- height: auto !important;
209
- padding: 0.8em 30px 0.6em;
210
- background: transparent !important;
207
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
208
+ padding-left: 0;
209
+ padding-right: 0;
211
210
  display: flex;
212
- flex-wrap: wrap;
213
- align-items: center;
214
- column-gap: 10px;
211
+ justify-content: center;
212
+ width: min-content;
215
213
  }
216
214
 
217
-
218
- .video-js.skin_cn_news .vjs-control-bar::before {
219
- content: '';
220
- position: absolute;
221
- left: 0;
222
- right: 0;
223
- bottom: 0;
224
- top: -3em;
225
- background: linear-gradient(
226
- to top,
227
- rgba(0, 0, 0, 0.85) 0%,
228
- rgba(0, 0, 0, 0.7) 40%,
229
- rgba(0, 0, 0, 0.55) 70%,
230
- rgba(0, 0, 0, 0.38) 86%,
231
- transparent 100%
232
- );
233
- pointer-events: none;
234
- z-index: -1;
215
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
216
+ display: none
235
217
  }
236
-
237
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
238
- order: -1;
239
- flex: 0 0 100%;
240
- width: 80%;
241
- margin: 0 0 5em;
242
- position: relative;
218
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
219
+ display: none
243
220
  }
244
221
 
245
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
246
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
247
- width: auto;
248
- min-width: 0;
249
- }
250
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
251
- display: inline-flex;
222
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
223
+ display: flex;
252
224
  align-items: center;
253
- justify-content: center;
254
- height: 7em;
255
- padding: 0 10px;
256
- color: #fff;
257
- }
258
-
259
- .video-js.skin_cn_news .vjs-svg-icon::before {
260
- content: none !important;
225
+ font-weight: 700;
226
+ font-size: 12px;
227
+ min-width: 1.2em;
261
228
  }
262
229
 
263
-
264
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
265
- display: inline-flex;
266
- align-items: center;
230
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
231
+ display: none;
232
+ font-size: 11px;
267
233
  justify-content: center;
234
+ align-items: center;
235
+ user-select: none;
268
236
  }
269
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
270
- .video-js.skin_cn_news .vjs-rewind-button svg {
271
- width: 24px;
272
- height: 24px;
273
- display: block;
237
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
238
+ display: none;
274
239
  }
275
240
 
241
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
242
+ height: min-content;
243
+ width: min-content;
244
+ }
245
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
246
+ width: 6em;
247
+ }
276
248
 
249
+ .video-js.skin_news .content{
250
+ bottom: 3.4rem !important;
251
+ right: -4rem !important;
252
+ }
277
253
 
278
- .video-js.skin_cn_news .vjs-subs-caps-button {
279
- opacity: 1;
254
+ .setting-icon > svg{
255
+ height:18px !important;
280
256
  }
281
257
 
258
+ .output-overlay{
259
+ position: absolute;
260
+ bottom: 0;
261
+ height: 100%;
262
+ width: 100%;
263
+ z-index: 0;
264
+ border: 0;
265
+ pointer-events:none
266
+ }
282
267
 
268
+ .video-js.skin_news iframe{
269
+ width: 100%;
270
+ height: 100%;
271
+ }
283
272
 
284
- .video-js.skin_cn_news .vjs-volume-panel {
285
- margin: 0;
286
- display: inline-flex;
273
+ .video-js.skin_news .vjs-live-control{
287
274
  align-items: center;
288
- align-self: center;
289
- height: 2.2em;
290
- min-width: 7em;
291
- transition: none;
292
275
  }
293
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
294
- width: 0;
295
- height: 100%;
276
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
277
+ height: 2.2em;
296
278
  display: flex;
297
279
  align-items: center;
298
- overflow: hidden;
299
- opacity: 0;
300
- transition: width 0.15s ease, opacity 0.15s ease;
301
- }
302
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
303
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
304
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
305
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
306
- width: 5em;
307
- opacity: 1;
308
- }
309
-
310
- .video-js.skin_cn_news .vjs-volume-bar {
280
+ font-family: monospace;
311
281
  width: 4em;
312
- height: 0.3em;
313
- margin: 0 0.45em;
282
+ justify-content: center;
283
+ background: red;
284
+ margin: 4px 0px 4px 12px;
314
285
  }
315
286
 
316
-
317
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
318
- display: none !important;
287
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
288
+ text-shadow: none;
319
289
  }
320
-
321
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
322
- width: 0 !important;
290
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
291
+ display: none;
292
+ font-size: 12px;
323
293
  }
324
294
 
295
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
296
+ height: 2.2em;
297
+ display: inline-flex;
298
+ align-items: center;
299
+ /* font-family: monospace; */
300
+ justify-content: center;
301
+ border: 2px solid;
302
+ margin: 4px 0px 4px 6px;
303
+ white-space: pre;
304
+ padding: 0px 6px;
305
+ font-size: 1.2em;
306
+ font-weight: 500;
307
+ color: rgba(255, 255, 2555, 0.7);
325
308
 
326
- .video-js.skin_cn_news .vjs-custom-control-spacer {
327
- display: block !important;
328
- flex: 1 1 auto;
309
+ letter-spacing: -.1px;
310
+ line-height: normal;
311
+ text-transform: uppercase;
312
+ color: #FFFFFF;
313
+ opacity: .7;
314
+ font-family: "Proxima Nova";
329
315
  }
330
316
 
331
-
332
- .video-js.skin_cn_news .vjs-big-play-button {
333
- display: none;
334
- }
335
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
336
- position: relative !important;
337
- display: flex;
338
- left: 0;
339
- top: -1px;
340
- }
341
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
342
- display: flex;
343
- justify-content: center;
344
- align-items: center;
345
- position: absolute;
346
- top: 0;
347
- left: 0;
348
- right: 0;
349
- bottom: 0;
350
- margin: auto;
351
- width: 80px;
352
- height: 80px;
353
- border: none;
354
- border-radius: 50%;
355
- background: rgba(0, 0, 0, 0.55);
356
- font-size: 5em;
357
- line-height: 1.3em;
358
- transform: none !important;
317
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
318
+ opacity: 1;
359
319
  }
360
320
 
361
-
362
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
363
- height: 4px !important;
364
- margin: 0;
365
- border-radius: 20px;
366
- background-color: #393944;
321
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
322
+ content: "NOT LIVE";
367
323
  }
368
324
 
369
- .video-js.skin_cn_news .vjs-play-progress {
370
- background-color: #ffffff;
371
- border-radius: 20px;
325
+ .settings-selection.vjs-control.vjs-button{
326
+ display: flex !important;
372
327
  }
373
328
 
374
- .video-js.skin_cn_news .vjs-load-progress,
375
- .video-js.skin_cn_news .vjs-load-progress div {
376
- background: rgba(255, 255, 255, 0.15);
377
- border-radius: 20px;
329
+ @media(max-width:576px){
330
+ .settings-selection.vjs-control.vjs-button{
331
+ display: none !important;
332
+ }
378
333
  }
379
334
 
380
335
 
381
- .video-js.skin_cn_news .vjs-play-progress:before {
382
- content: '';
383
- width: 16px;
384
- height: 16px;
385
- border-radius: 50%;
386
- background: #ffffff;
387
- border: 2px solid rgba(0, 0, 0, 0.6);
388
- box-sizing: border-box;
389
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
390
- top: -6px;
391
- right: -8px;
392
- position: absolute;
393
- }
394
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
395
- display: none !important;
396
- }
336
+ @media(max-width:576px){
337
+ .tvProviderImage{
338
+ display: none
339
+ }
340
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
341
+ .icon-maximize {
342
+ height: 30px !important;
343
+ }
397
344
 
398
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
399
- background: #ffffff;
400
- color: #0a0e17;
401
- font-weight: 700;
402
- border-radius: 3px;
345
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
346
+ .icon-minimize {
347
+ height: 30px !important;
348
+ }
349
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
350
+ width: 4.5em;
351
+ }
352
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
353
+ height: min-content;
354
+ }
355
+
356
+ .video-js.skin_news button.vjs-slowmo-button{
357
+ display: none;
358
+ }
359
+ .video-js.skin_news button.vjs-rewind-button{
360
+ display: none;
361
+ }
362
+ .video-js.skin_news button.vjs-rewind-button>svg{
363
+ height: 20px;
364
+ }
365
+ .video-js.skin_news .vjs-button{
366
+ width: 4.8em;
367
+ }
368
+ .video-js.skin_news .widget-selection{
369
+ display: none;
370
+ }
371
+ .video-js.skin_news .container{
372
+ display: none !important;
373
+ }
374
+ .video-js.skin_news .vjs-control-bar{
375
+ height: 4em !important;
376
+ }
377
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
378
+ font-size: 2.5em;
379
+ line-height: 1.5;
380
+ }
381
+ .video-js.skin_news .vjs-play-progress:before {
382
+ font-size: 1.2em;
383
+ position: absolute;
384
+ right: -0.5em;
385
+ z-index: 1;
386
+ }
387
+ .video-js.skin_news button.vjs-skip-button>svg{
388
+ height: 20px;
389
+ }
390
+ .video-js.skin_news button.vjs-big-play-button {
391
+ width: 50px !important;
392
+ height: 50px !important;
393
+ font-size: 2.1rem !important;
403
394
  }
404
395
 
405
- .video-js.skin_cn_news .vjs-live-control {
406
- display: none !important;
396
+ .stream-selector-icon>svg{
397
+ width: 24px;
398
+ height: 24px;
407
399
  }
408
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
409
- display: inline-flex;
400
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
401
+ margin: 0 12px 0 12px;
402
+ }
403
+ .video-js.skin_news .vjs-seek-to-live-text{
404
+ font-size: 12px;
405
+ }
406
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
407
+ margin: 0 12px 0 12px;
408
+ }
409
+ }
410
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
411
+ width: 90px;
412
+ height: 90px;
413
+ display: flex;
414
+ justify-content: center;
410
415
  align-items: center;
411
- align-self: center;
412
- height: 2.2em;
413
- gap: 5px;
414
- width: auto;
415
- padding: 0 10px;
416
- border: 1px solid rgba(255, 255, 255, 0.45);
417
- border-radius: 4px;
418
- cursor: pointer;
416
+ border-radius: 50%;
417
+ position: absolute;
418
+ top: 0;
419
+ left: 0;
420
+ right: 0;
421
+ bottom: 0;
422
+ margin: auto;
423
+ font-size: 6em;
424
+ line-height: 1.4em;
419
425
  }
420
426
 
421
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
422
- display: none;
427
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
428
+ display: flex;
429
+ justify-content: center;
430
+ align-items: center;
431
+ height: 100%;
432
+ transition: width 0.1s;
423
433
  }
424
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
425
- display: inline-flex;
434
+
435
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
436
+ display: flex;
437
+ justify-content: center;
426
438
  align-items: center;
439
+ height: 100%;
440
+ transition: width 0.1s;
427
441
  }
428
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
429
- content: '';
430
- display: inline-block;
431
- width: 8px;
432
- height: 8px;
433
- border-radius: 50%;
434
- background: #ff2d2d; /* red live dot */
442
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
443
+ display: none !important;
435
444
  }
436
- .video-js.skin_cn_news .vjs-seek-to-live-text {
437
- color: #ffffff;
438
- font-weight: 700;
439
- font-size: 12px;
440
- letter-spacing: 0.03em;
445
+ .video-js.skin_news .ssai-ad-container{
446
+ position: absolute;
447
+ bottom: 14px;
441
448
  }
442
449
 
443
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
444
- border-color: transparent;
450
+ @media (max-width: 576px) {
451
+ .video-js.skin_news .ssai-ad-container{
452
+ bottom: 2px;
453
+ }
454
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
455
+ height: 5px !important;
456
+ }
457
+ .video-js.skin_news button.vjs-big-play-button {
458
+ width: 50px !important;
459
+ height: 50px !important;
460
+ font-size: 2.1rem !important;
461
+ }
462
+
463
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
464
+ display: none;
465
+ }
466
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
467
+ bottom: 2.4em !important;
468
+ right: -1em;
469
+ z-index: 1;
445
470
  }
446
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
447
- color: #ff2d2d;
471
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
472
+ display: none !important;
473
+ }
474
+
475
+ .video-js.skin_news .vjs-text-track-display-ttml span {
476
+ color: white;
477
+ font-size: 13px;
478
+ background-color: black;
479
+ }
448
480
  }
449
481
 
450
- /* ---- time controls ---- */
451
- .video-js.skin_cn_news .vjs-current-time,
452
- .video-js.skin_cn_news .vjs-duration,
453
- .video-js.skin_cn_news .vjs-time-divider {
454
- display: none !important;
482
+ .video-js.skin_news .vjs-text-track-display-ttml span {
483
+ color: white;
484
+ font-size: 16px;
485
+ background-color: black;
455
486
  }
456
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
457
- display: none;
458
- align-items: center;
459
- justify-content: center;
460
- font-size: 11px;
461
- font-weight: 700;
462
- color: #fff;
463
- padding: 0 6px;
464
- user-select: none;
487
+
488
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
489
+ margin-bottom: 2rem !important;
490
+ }
491
+
492
+ .video-js.skin_news .vjs-text-track-display-ttml p {
493
+ font-size: 18px !important;
494
+ }
495
+
496
+
497
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
498
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
499
+ font-size: 1.2em !important;
500
+ line-height: 1.5em !important;
501
+ padding: 0.2em 0.8em !important;
502
+ }
503
+
504
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
505
+ content: none !important;
506
+ fill: none !important;
507
+ filter: none !important;
508
+ }
509
+
510
+ /* svg icons opacity and hover effect */
511
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
512
+ opacity: 0.7 !important;
513
+ }
514
+
515
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
516
+ opacity: 1 !important;
517
+ }
518
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
519
+ opacity: 0.7 !important;
520
+ }
521
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
522
+ opacity: 1 !important;
523
+ }
524
+
525
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
526
+ color: rgba(255, 255, 2555, 0.7)!important;
527
+ }
528
+
529
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
530
+ color: rgba(255, 255, 2555, 1)!important;
531
+ }
532
+
533
+
534
+
535
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
536
+ height: 0.7em !important;
537
+ position: absolute !important;
538
+ top: -0.7em !important;
539
+ width: 100% !important;
540
+ }
541
+
542
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
543
+ height: 100%;
544
+ }
545
+
546
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
547
+ line-height: 2.5;
548
+ }
549
+
550
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
551
+ height: 19px;
552
+ width: 19px;
553
+ cursor: pointer;
554
+ }
555
+ .video-js.skin_vlone .vjs-control {
556
+ user-select: none;
557
+ }
558
+ .video-js.skin_vlone .vjs-custom-control-spacer{
559
+ user-select: none;
560
+ }
561
+
562
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
563
+ height: 19px;
564
+ width: 19px;
565
+ cursor: pointer;
566
+ }
567
+
568
+ .video-js.skin_vlone .vjs-play-progress:before {
569
+ display: none !important;
570
+ }
571
+
572
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
573
+ margin: 0 !important;
574
+
575
+ }
576
+
577
+
578
+ .video-js.skin_vlone .vjs-custom-control-spacer {
579
+ display: block;
580
+ flex: 1 1 auto;
581
+ }
582
+
583
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
584
+ z-index: 1;
585
+ }
586
+
587
+
588
+ .video-js.skin_vlone .vjs-control-bar {
589
+ height: 40px;
590
+ }
591
+
592
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
593
+ .vjs-button>.vjs-icon-placeholder:before {
594
+ position: relative !important;
595
+ }
596
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
597
+ display: flex;
598
+ left: 0px;
599
+ top: -1px;
600
+ }
601
+
602
+ .vjs-button>.vjs-icon-placeholder:before {
603
+ font-size: 2em !important;
604
+ }
605
+
606
+ .video-js.skin_vlone .vjs-control {
607
+ width: 4.3em;
608
+ }
609
+
610
+ .vjs-menu-button-popup .vjs-menu {
611
+ bottom: 10px !important;
612
+ }
613
+
614
+
615
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
616
+ height: 1.3em !important;
617
+ position: absolute !important;
618
+ top: -1.3em !important;
619
+ transition: height 0.3s, top 0.3s !important;
620
+ }
621
+
622
+
623
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
624
+ display: none !important;
625
+ }
626
+
627
+ .video-js.skin_vlone .vjs-time-control {
628
+ display: block;
629
+ }
630
+ .video-js.skin_vlone .vjs-remaining-time {
631
+ display: none;
632
+ }
633
+
634
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
635
+ line-height: 3.5em;
636
+ font-size: 1.1em;
637
+ min-width: 4em;
638
+ }
639
+
640
+ .video-js.skin_vlone .vjs-time-divider > div{
641
+ display: flex;
642
+ justify-content: center;
643
+ }
644
+
645
+ .video-js.skin_vlone .vjs-live-control{
646
+ align-items: center;
647
+ }
648
+ .video-js.skin_vlone .vjs-live-display{
649
+ height: 2.2em;
650
+ display: flex;
651
+ align-items: center;
652
+ font-family: monospace;
653
+ width: 4em;
654
+ justify-content: center;
655
+ background: red;
656
+ margin: 4px 0px 4px 12px;
465
657
  }
466
-
467
-
468
- .video-js.skin_cn_news .vjs-chapter-marker {
469
- z-index: 2;
470
- width: var(--vl-chapter-size, 8px);
471
- height: var(--vl-chapter-size, 8px);
472
- top: 50%;
473
- bottom: auto;
474
- background: var(--vl-chapter-color, #ffffff);
475
- opacity: var(--vl-chapter-opacity, 1);
476
- border-radius: 50%;
477
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
478
- transform: translate(-50%, -50%) scale(1);
479
- transition: background-color 0.12s ease;
658
+ .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
659
+ background: #6b6b6b;
480
660
  }
481
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
482
- background: var(--vl-chapter-hover, #0a5cff);
661
+ .video-js.skin_vlone .vjs-live-display:hover{
662
+ cursor: pointer;
483
663
  }
484
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
485
- background: var(--vl-chapter-active, #0a5cff);
664
+
665
+ .video-js.skin_vlone .vjs-time-control {
666
+ line-height: 3.5em !important;
667
+ font-size: 1.1em !important;
668
+ width: min-content !important;
669
+ min-width: 1.5em;
670
+ padding: 0 !important;
671
+ user-select: none;
486
672
  }
487
673
 
674
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
675
+ margin-left: 16px !important;
676
+ }
488
677
 
489
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
490
- width: 16px;
491
- height: 16px;
492
- bottom: 160%;
493
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
678
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
679
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
680
+ font-size: 1.2em !important;
681
+ line-height: 1.5em !important;
682
+ padding: 0.2em 0.8em !important;
494
683
  }
495
684
 
496
685
 
497
- .video-js.skin_cn_news .vjs-chapter-preview {
498
- background: var(--vl-chapter-tooltip, #0a5cff);
499
- border-radius: 6px;
500
- padding: 8px 10px;
501
- width: max-content;
502
- max-width: 300px;
503
- text-align: left;
504
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
686
+ /* Big play */
687
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
688
+ width: 80px;
689
+ height: 80px;
690
+ display: flex;
691
+ justify-content: center;
692
+ align-items: center;
693
+ border: none;
694
+ position: absolute;
695
+ top: 0;
696
+ left: 0;
697
+ right: 0;
698
+ bottom: 0;
699
+ margin: auto;
700
+ font-size: 5em;
701
+ line-height: 1.3em;
702
+ transform: none !important;
703
+ border-radius: 1.3em;
505
704
  }
506
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
507
- color: #ffffff;
508
- font-size: 13px;
509
- font-weight: 400;
510
- margin-bottom: 2px;
705
+ .video-js.skin_vlone .ssai-ad-container{
706
+ position: absolute;
707
+ bottom: 4px;
511
708
  }
512
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
513
- color: #ffffff;
514
- font-size: 13px;
515
- font-weight: 400;
516
- line-height: 1.3;
517
- white-space: normal;
518
- text-align: left;
709
+
710
+ @media(max-width:600px){
711
+ .video-js.skin_vlone button.vjs-big-play-button {
712
+ width: 50px !important;
713
+ height: 50px !important;
714
+ font-size: 2.1rem !important;
715
+ }
716
+
717
+ .video-js.skin_vlone .ssai-ad-container {
718
+ position: absolute;
719
+ bottom: 2px;
519
720
  }
520
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
521
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
721
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
722
+ display: none;
522
723
  }
523
724
 
524
- /* ---- responsive ---- */
525
- @media (max-width: 576px) {
526
- .video-js.skin_cn_news .vjs-control-bar {
527
- height: 3.2em !important;
528
- padding: 0 8px;
529
- }
530
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
531
- padding: 0 6px;
532
- }
533
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
534
- display: none !important;
535
- }
725
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
726
+ /* display: none; */
536
727
  }
537
728
 
538
-
539
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
729
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
730
+ /* display: none; */
731
+ }
732
+ }
733
+ .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
734
+ text-decoration: underline;
735
+ }
736
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
540
737
  font-size: 2.2em;
541
738
  line-height: 2.6;
542
739
  }
543
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
544
- background: white;
740
+ .video-js.skin_mini{
741
+ overflow: hidden;
545
742
  }
546
- .video-js.skin_news .vjs-control-bar{
743
+ .video-js.skin_mini .vjs-control-bar{
547
744
  z-index: 1 !important;
548
- height: 5em !important;
745
+ height: 4em !important;
549
746
  background: black !important;
550
747
  }
551
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
552
- display: flex;
553
- align-items: center;
554
- justify-content: center;
555
- }
556
748
 
557
- .video-js.skin_news .vjs-fade>* {
749
+ .video-js.skin_mini .vjs-fade>* {
558
750
  visibility: hidden !important;
559
751
  opacity: 0 !important;
560
752
  transition: visibility 1s, opacity 1s !important;
561
753
  }
562
754
 
563
- .video-js.skin_news .custom-spaced-progress-bar {
755
+ .video-js.skin_mini .custom-spaced-progress-bar {
564
756
  position: absolute;
565
757
  width: 100%;
566
758
  display: flex;
@@ -568,7 +760,7 @@
568
760
  top: -0.5em;
569
761
  }
570
762
 
571
- .video-js.skin_news .vjs-progress-control {
763
+ .video-js.skin_mini .vjs-progress-control {
572
764
  /* left: -6px; */
573
765
  position: relative;
574
766
  width: 100%;
@@ -579,19 +771,19 @@
579
771
 
580
772
 
581
773
 
582
- .video-js.skin_news .vjs-custom-control-spacer {
774
+ .video-js.skin_mini .vjs-custom-control-spacer {
583
775
  display: block;
584
776
  flex: 1 1 auto;
585
777
  }
586
778
 
587
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
779
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
588
780
  margin: 0 0px 0 0px;
589
781
  }
590
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
782
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
591
783
  display: none;
592
784
  }
593
785
 
594
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
786
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
595
787
  font-size: 14px;
596
788
  font-weight: 500;
597
789
  align-self: center;
@@ -600,143 +792,158 @@
600
792
  border-radius: 8px;
601
793
  }
602
794
 
603
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
604
- height: 6px !important;
795
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
796
+ height: 5px !important;
605
797
  }
606
798
 
607
- .video-js.skin_news .vjs-play-progress:before {
608
- font-size: 1.5em;
799
+ .video-js.skin_mini .vjs-play-progress:before {
800
+ font-size: 1.3em;
609
801
  line-height: unset;
610
802
  top: -0.3333333333em;
611
803
  }
612
804
 
613
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
805
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
614
806
  display: none !important;
615
807
  }
616
808
 
617
809
  /* */
618
- .video-js.skin_news .vjs-mouse-display{
810
+ .video-js.skin_mini .vjs-mouse-display{
619
811
  font-size: 1.6666666667em;
620
812
  }
621
813
 
622
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
814
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
623
815
  font-size: 1em !important;
624
816
  }
625
817
 
626
- .video-js.skin_news .vjs-button{
627
- width: 5.3em;
818
+ .video-js.skin_mini .vjs-button{
819
+ width: 3em;
628
820
  display: flex;
629
821
  align-items: center;
630
822
  justify-content: center;
631
823
  }
632
824
 
633
825
 
634
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
826
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
635
827
  .icon-maximize {
636
828
  display: block;
637
829
  height: 32px;
638
830
  }
639
831
 
640
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
832
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
641
833
  line-height: 4;
642
834
  }
643
835
 
644
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
836
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
645
837
  .icon-minimize {
646
838
  display: none;
647
839
  height: 32px;
648
840
  }
649
841
 
650
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
842
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
651
843
  outline: none !important;
652
844
  }
653
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
845
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
654
846
  .vjs-icon-fullscreen-enter:before {
655
847
  /* content: '' !important; */
656
848
  }
657
849
 
658
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
850
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
659
851
  display: flex;
660
852
  justify-content: center;
661
853
  align-items: center;
662
854
  /* transform: rotate(90deg); */
663
855
  }
664
856
 
665
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
857
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
666
858
  display: none;
667
859
  }
668
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
860
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
669
861
  margin-left: -10px;
862
+ display: none;
670
863
  }
671
864
 
672
- .video-js.skin_news .skipbtn:hover{
865
+ .video-js.skin_mini .vjs-loading-spinner {
866
+ position: absolute;
867
+ top: 50%;
868
+ left: 50%;
869
+ transform: translate(-50%, -50%);
870
+ opacity: .85;
871
+ text-align: left;
872
+ border: .2em solid rgba(43, 51, 63, .7);
873
+ box-sizing: border-box;
874
+ background-clip: padding-box;
875
+ width: 3em;
876
+ height: 3em;
877
+ border-radius: 50%;
878
+ visibility: hidden;
879
+ }
880
+
881
+ .video-js.skin_mini .skipbtn:hover{
673
882
  cursor: pointer;
674
883
  }
675
884
 
676
- .video-js.skin_news .rewindbtn:hover{
885
+ .video-js.skin_mini .rewindbtn:hover{
677
886
  cursor: pointer;
678
887
  }
679
888
 
680
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
889
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
681
890
  position: relative;
682
891
  padding-left: 0;
683
892
  }
684
893
 
685
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
686
- display: none !important;
894
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
895
+ width: 40px;
896
+ height: 40px;
897
+ display: flex;
898
+ justify-content: center;
899
+ align-items: center;
900
+ border: none;
901
+ position: absolute;
902
+ top: 0;
903
+ left: 0;
904
+ right: 0;
905
+ bottom: 0;
906
+ margin: auto;
907
+ font-size: 3em;
908
+ line-height: 1.3em;
909
+ transform: none !important;
910
+ border-radius: 1.3em;
687
911
  }
688
912
 
689
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
690
- width: 90px;
691
- height: 90px;
692
- display: flex;
693
- justify-content: center;
694
- align-items: center;
695
- border-radius: 50%;
696
- position: absolute;
697
- top: 0;
698
- left: 0;
699
- right: 0;
700
- bottom: 0;
701
- margin: auto;
702
- font-size: 6em;
703
- line-height: 1.4em;
704
- border: 0.05em solid;
705
- color: inherit;
706
- }
707
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
913
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
708
914
  font-weight: bold;
709
915
  }
710
916
 
711
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
712
- bottom: 2.4em !important;
713
- right: -1em;
917
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
918
+ bottom: 1.1em !important;
919
+ right: 1em;
714
920
  z-index: 1;
921
+ font-size: 10px;
715
922
  }
716
923
 
717
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
924
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
718
925
  width: 24px !important;
719
926
  height: 24px !important;
720
927
  }
721
- .settings-selector-icon>svg{
928
+ .video-js.skin_mini .settings-selector-icon>svg{
722
929
  height: 19px !important;
723
930
  width: 19px !important;
724
931
  }
725
932
 
726
933
 
727
- .video-js.skin_news button.vjs-rewind-button{
934
+ .video-js.skin_mini button.vjs-rewind-button{
728
935
  cursor: pointer;
729
936
  }
730
937
 
731
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
938
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
732
939
  padding-right: 0;
733
940
  }
734
941
 
735
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
942
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
736
943
  padding-left: 0;
737
944
  }
738
945
 
739
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
946
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
740
947
  padding-left: 0;
741
948
  padding-right: 0;
742
949
  display: flex;
@@ -744,46 +951,48 @@
744
951
  width: min-content;
745
952
  }
746
953
 
747
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
954
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
748
955
  display: none
749
956
  }
750
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
957
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
751
958
  display: none
752
959
  }
753
960
 
754
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
755
- display: flex;
756
- align-items: center;
757
- font-weight: 700;
758
- font-size: 12px;
759
- min-width: 1.2em;
961
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
962
+ display: flex;
963
+ align-items: center;
964
+ font-weight: 700;
965
+ font-size: 9px;
966
+ min-width: 0.8em;
967
+ padding-left: 0;
760
968
  }
761
969
 
762
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
970
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
763
971
  display: none;
764
972
  font-size: 11px;
765
973
  justify-content: center;
766
974
  align-items: center;
767
975
  user-select: none;
768
976
  }
769
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
977
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
770
978
  display: none;
771
979
  }
772
980
 
773
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
981
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
774
982
  height: min-content;
775
983
  width: min-content;
776
984
  }
777
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
778
- width: 6em;
985
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
986
+ width: 3em;
987
+ margin-right: 4px;
779
988
  }
780
989
 
781
- .video-js.skin_news .content{
990
+ .video-js.skin_mini .content{
782
991
  bottom: 3.4rem !important;
783
992
  right: -4rem !important;
784
993
  }
785
994
 
786
- .setting-icon > svg{
995
+ .video-js.skin_mini .setting-icon > svg{
787
996
  height:18px !important;
788
997
  }
789
998
 
@@ -797,15 +1006,16 @@
797
1006
  pointer-events:none
798
1007
  }
799
1008
 
800
- .video-js.skin_news iframe{
1009
+ .video-js.skin_mini iframe{
801
1010
  width: 100%;
802
1011
  height: 100%;
803
1012
  }
804
1013
 
805
- .video-js.skin_news .vjs-live-control{
1014
+ .video-js.skin_mini .vjs-live-control{
806
1015
  align-items: center;
1016
+ max-width: 5em;
807
1017
  }
808
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1018
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
809
1019
  height: 2.2em;
810
1020
  display: flex;
811
1021
  align-items: center;
@@ -813,729 +1023,519 @@
813
1023
  width: 4em;
814
1024
  justify-content: center;
815
1025
  background: red;
816
- margin: 4px 0px 4px 12px;
1026
+ margin: 4px 0px 4px 2px;
817
1027
  }
818
1028
 
819
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1029
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
820
1030
  text-shadow: none;
821
1031
  }
822
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1032
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
823
1033
  display: none;
824
1034
  font-size: 12px;
825
1035
  }
826
1036
 
827
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
828
- height: 2.2em;
1037
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1038
+ height: 1.8em;
829
1039
  display: inline-flex;
830
1040
  align-items: center;
831
- /* font-family: monospace; */
1041
+ font-family: monospace;
832
1042
  justify-content: center;
833
- border: 2px solid;
834
- margin: 4px 0px 4px 6px;
1043
+ border: 1.5px solid;
1044
+ margin: 4px 0px 4px 2px;
835
1045
  white-space: pre;
836
- padding: 0px 6px;
1046
+ padding: 2px 4px;
837
1047
  font-size: 1.2em;
838
1048
  font-weight: 500;
839
1049
  color: rgba(255, 255, 2555, 0.7);
840
-
841
- letter-spacing: -.1px;
842
- line-height: normal;
843
- text-transform: uppercase;
844
- color: #FFFFFF;
845
- opacity: .7;
846
- font-family: "Proxima Nova";
847
- }
848
-
849
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
850
- opacity: 1;
851
1050
  }
852
1051
 
853
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1052
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
854
1053
  content: "NOT LIVE";
855
- }
856
-
857
- .settings-selection.vjs-control.vjs-button{
858
- display: flex !important;
859
- }
860
-
861
- @media(max-width:576px){
862
- .settings-selection.vjs-control.vjs-button{
863
- display: none !important;
864
- }
1054
+ word-spacing: -4px;
865
1055
  }
866
1056
 
867
1057
 
868
- @media(max-width:576px){
1058
+ @media(max-width:600px){
869
1059
  .tvProviderImage{
870
1060
  display: none
871
1061
  }
872
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1062
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
873
1063
  .icon-maximize {
874
1064
  height: 30px !important;
875
1065
  }
876
1066
 
877
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1067
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
878
1068
  .icon-minimize {
879
1069
  height: 30px !important;
880
1070
  }
881
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
882
- width: 4.5em;
1071
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1072
+ width: 3.5em;
883
1073
  }
884
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1074
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
885
1075
  height: min-content;
886
1076
  }
887
1077
 
888
- .video-js.skin_news button.vjs-slowmo-button{
1078
+ .video-js.skin_mini button.vjs-slowmo-button{
889
1079
  display: none;
890
1080
  }
891
- .video-js.skin_news button.vjs-rewind-button{
1081
+ .video-js.skin_mini button.vjs-rewind-button{
892
1082
  display: none;
893
1083
  }
894
- .video-js.skin_news button.vjs-rewind-button>svg{
1084
+ .video-js.skin_mini button.vjs-rewind-button>svg{
895
1085
  height: 20px;
896
1086
  }
897
- .video-js.skin_news .vjs-button{
898
- width: 4.8em;
1087
+ .video-js.skin_mini .vjs-button{
1088
+ width: 3em;
899
1089
  }
900
- .video-js.skin_news .widget-selection{
1090
+ .video-js.skin_mini .widget-selection{
901
1091
  display: none;
902
1092
  }
903
- .video-js.skin_news .container{
1093
+ .video-js.skin_mini .container{
904
1094
  display: none !important;
905
1095
  }
906
- .video-js.skin_news .vjs-control-bar{
1096
+ .video-js.skin_mini .vjs-control-bar{
907
1097
  height: 4em !important;
908
1098
  }
909
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
910
- font-size: 2.5em;
911
- line-height: 1.5;
912
- }
913
- .video-js.skin_news .vjs-play-progress:before {
914
- font-size: 1.2em;
915
- position: absolute;
916
- right: -0.5em;
917
- z-index: 1;
918
- }
919
- .video-js.skin_news button.vjs-skip-button>svg{
920
- height: 20px;
921
- }
922
- .video-js.skin_news button.vjs-big-play-button {
923
- width: 50px !important;
924
- height: 50px !important;
925
- font-size: 2.1rem !important;
926
- }
927
-
928
- .stream-selector-icon>svg{
929
- width: 24px;
930
- height: 24px;
931
- }
932
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
933
- margin: 0 12px 0 12px;
934
- }
935
- .video-js.skin_news .vjs-seek-to-live-text{
936
- font-size: 12px;
937
- }
938
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
939
- margin: 0 12px 0 12px;
940
- }
941
- }
942
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
943
- width: 90px;
944
- height: 90px;
945
- display: flex;
946
- justify-content: center;
947
- align-items: center;
948
- border-radius: 50%;
949
- position: absolute;
950
- top: 0;
951
- left: 0;
952
- right: 0;
953
- bottom: 0;
954
- margin: auto;
955
- font-size: 6em;
956
- line-height: 1.4em;
957
- }
958
-
959
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
960
- display: flex;
961
- justify-content: center;
962
- align-items: center;
963
- height: 100%;
964
- transition: width 0.1s;
965
- }
966
-
967
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
968
- display: flex;
969
- justify-content: center;
970
- align-items: center;
971
- height: 100%;
972
- transition: width 0.1s;
973
- }
974
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
975
- display: none !important;
976
- }
977
- .video-js.skin_news .ssai-ad-container{
978
- position: absolute;
979
- bottom: 14px;
980
- }
981
-
982
- @media (max-width: 576px) {
983
- .video-js.skin_news .ssai-ad-container{
984
- bottom: 2px;
985
- }
986
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
987
- height: 5px !important;
988
- }
989
- .video-js.skin_news button.vjs-big-play-button {
990
- width: 50px !important;
991
- height: 50px !important;
992
- font-size: 2.1rem !important;
993
- }
994
-
995
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
996
- display: none;
997
- }
998
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
999
- bottom: 2.4em !important;
1000
- right: -1em;
1001
- z-index: 1;
1002
- }
1003
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1004
- display: none !important;
1005
- }
1006
-
1007
- .video-js.skin_news .vjs-text-track-display-ttml span {
1008
- color: white;
1009
- font-size: 13px;
1010
- background-color: black;
1011
- }
1012
- }
1013
-
1014
- .video-js.skin_news .vjs-text-track-display-ttml span {
1015
- color: white;
1016
- font-size: 16px;
1017
- background-color: black;
1018
- }
1019
-
1020
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1021
- margin-bottom: 2rem !important;
1022
- }
1023
-
1024
- .video-js.skin_news .vjs-text-track-display-ttml p {
1025
- font-size: 18px !important;
1026
- }
1027
-
1028
-
1029
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1030
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1031
- font-size: 1.2em !important;
1032
- line-height: 1.5em !important;
1033
- padding: 0.2em 0.8em !important;
1034
- }
1035
-
1036
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1037
- content: none !important;
1038
- fill: none !important;
1039
- filter: none !important;
1099
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1100
+ font-size: 2.5em;
1101
+ line-height: 1.5;
1102
+ }
1103
+ .video-js.skin_mini .vjs-play-progress:before {
1104
+ font-size: 1.2em;
1105
+ position: absolute;
1106
+ right: -0.5em;
1107
+ z-index: 1;
1040
1108
  }
1041
-
1042
- /* svg icons opacity and hover effect */
1043
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1044
- opacity: 0.7 !important;
1109
+ .video-js.skin_mini button.vjs-skip-button>svg{
1110
+ height: 20px;
1045
1111
  }
1046
1112
 
1047
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1048
- opacity: 1 !important;
1113
+ .stream-selector-icon>svg{
1114
+ width: 24px;
1115
+ height: 24px;
1049
1116
  }
1050
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1051
- opacity: 0.7 !important;
1117
+ .video-js.skin_mini .vjs-seek-to-live-text{
1118
+ font-size: 12px;
1052
1119
  }
1053
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1054
- opacity: 1 !important;
1055
1120
  }
1056
1121
 
1057
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1058
- color: rgba(255, 255, 2555, 0.7)!important;
1059
- }
1060
1122
 
1061
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1062
- color: rgba(255, 255, 2555, 1)!important;
1123
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1124
+ background-color: rgba(0, 0, 0, 0.2);
1063
1125
  }
1064
1126
 
1065
1127
 
1066
-
1067
-
1068
-
1069
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1070
- font-size: 2.2em;
1071
- line-height: 2.6;
1072
- }
1073
- .video-js.skin_mini{
1074
- overflow: hidden;
1075
- }
1076
- .video-js.skin_mini .vjs-control-bar{
1077
- z-index: 1 !important;
1078
- height: 4em !important;
1079
- background: black !important;
1128
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1129
+ display: flex;
1130
+ justify-content: center;
1131
+ align-items: center;
1132
+ height: 100%;
1133
+ transition: width 0.1s;
1080
1134
  }
1081
-
1082
- .video-js.skin_mini .vjs-fade>* {
1083
- visibility: hidden !important;
1084
- opacity: 0 !important;
1085
- transition: visibility 1s, opacity 1s !important;
1135
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1136
+ margin: 2px;
1086
1137
  }
1087
1138
 
1088
- .video-js.skin_mini .custom-spaced-progress-bar {
1089
- position: absolute;
1090
- width: 100%;
1139
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1091
1140
  display: flex;
1092
- height: 0.5em;
1093
- top: -0.5em;
1141
+ justify-content: center;
1142
+ align-items: center;
1143
+ height: 100%;
1144
+ transition: width 0.1s;
1094
1145
  }
1095
1146
 
1096
- .video-js.skin_mini .vjs-progress-control {
1097
- /* left: -6px; */
1098
- position: relative;
1099
- width: 100%;
1100
- height: 0.5em;
1101
- transition: height 0.1s, top 0.1s;
1147
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1148
+ display: block;
1149
+ font-size: 10px;
1150
+ padding: 6px 10px;
1151
+ margin: 0;
1152
+ max-height: 100%;
1153
+ overflow-y: auto;
1102
1154
  }
1103
-
1104
-
1105
-
1106
-
1107
- .video-js.skin_mini .vjs-custom-control-spacer {
1155
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1156
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1157
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1108
1158
  display: block;
1109
- flex: 1 1 auto;
1159
+ width: 100%;
1110
1160
  }
1111
-
1112
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1113
- margin: 0 0px 0 0px;
1161
+ .video-js.skin_mini .vjs-text-track-settings fieldset{
1162
+ margin: 4px 0;
1114
1163
  }
1115
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1116
- display: none;
1164
+ .video-js.skin_mini .vjs-text-track-settings fieldset span{
1165
+ display: block;
1166
+ padding: 0 0 6px;
1117
1167
  }
1118
-
1119
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1120
- font-size: 14px;
1121
- font-weight: 500;
1122
- align-self: center;
1123
- height: min-content;
1124
- padding: 5px 2px;
1125
- border-radius: 8px;
1168
+ .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1169
+ max-width: 100%;
1126
1170
  }
1127
1171
 
1128
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1129
- height: 5px !important;
1130
- }
1172
+ @media (max-width: 600px) {
1173
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1174
+ height: 5px !important;
1175
+ }
1131
1176
 
1132
- .video-js.skin_mini .vjs-play-progress:before {
1133
- font-size: 1.3em;
1134
- line-height: unset;
1135
- top: -0.3333333333em;
1136
- }
1177
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1178
+ display: none;
1179
+ }
1137
1180
 
1138
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1139
- display: none !important;
1140
1181
  }
1141
1182
 
1142
- /* */
1143
- .video-js.skin_mini .vjs-mouse-display{
1144
- font-size: 1.6666666667em;
1183
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1184
+ content: none !important;
1185
+ fill: none !important;
1186
+ filter: none !important;
1145
1187
  }
1146
1188
 
1147
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1148
- font-size: 1em !important;
1189
+ /* svg icons opacity and hover effect */
1190
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1191
+ opacity: 0.7 !important;
1149
1192
  }
1150
1193
 
1151
- .video-js.skin_mini .vjs-button{
1152
- width: 3em;
1153
- display: flex;
1154
- align-items: center;
1155
- justify-content: center;
1194
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1195
+ opacity: 1 !important;
1156
1196
  }
1157
1197
 
1158
-
1159
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1160
- .icon-maximize {
1161
- display: block;
1162
- height: 32px;
1198
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1199
+ color: rgba(255, 255, 2555, 0.7)!important;
1163
1200
  }
1164
1201
 
1165
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1166
- line-height: 4;
1202
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1203
+ color: rgba(255, 255, 2555, 1)!important;
1167
1204
  }
1168
1205
 
1169
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1170
- .icon-minimize {
1171
- display: none;
1172
- height: 32px;
1173
- }
1174
1206
 
1175
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1176
- outline: none !important;
1177
- }
1178
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1179
- .vjs-icon-fullscreen-enter:before {
1180
- /* content: '' !important; */
1181
- }
1182
1207
 
1183
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1208
+ .video-js.skin_cn_news .vjs-control-bar {
1209
+ z-index: 1 !important;
1210
+ height: auto !important;
1211
+ padding: 0.8em 30px 0.6em;
1212
+ background: transparent !important;
1184
1213
  display: flex;
1185
- justify-content: center;
1214
+ flex-wrap: wrap;
1186
1215
  align-items: center;
1187
- /* transform: rotate(90deg); */
1216
+ column-gap: 10px;
1188
1217
  }
1189
1218
 
1190
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1191
- display: none;
1192
- }
1193
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1194
- margin-left: -10px;
1195
- display: none;
1196
- }
1197
1219
 
1198
- .video-js.skin_mini .vjs-loading-spinner {
1220
+ .video-js.skin_cn_news .vjs-control-bar::before {
1221
+ content: '';
1199
1222
  position: absolute;
1200
- top: 50%;
1201
- left: 50%;
1202
- transform: translate(-50%, -50%);
1203
- opacity: .85;
1204
- text-align: left;
1205
- border: .2em solid rgba(43, 51, 63, .7);
1206
- box-sizing: border-box;
1207
- background-clip: padding-box;
1208
- width: 3em;
1209
- height: 3em;
1210
- border-radius: 50%;
1211
- visibility: hidden;
1212
- }
1213
-
1214
- .video-js.skin_mini .skipbtn:hover{
1215
- cursor: pointer;
1216
- }
1217
-
1218
- .video-js.skin_mini .rewindbtn:hover{
1219
- cursor: pointer;
1223
+ left: 0;
1224
+ right: 0;
1225
+ bottom: 0;
1226
+ top: -3em;
1227
+ background: linear-gradient(
1228
+ to top,
1229
+ rgba(0, 0, 0, 0.85) 0%,
1230
+ rgba(0, 0, 0, 0.7) 40%,
1231
+ rgba(0, 0, 0, 0.55) 70%,
1232
+ rgba(0, 0, 0, 0.38) 86%,
1233
+ transparent 100%
1234
+ );
1235
+ pointer-events: none;
1236
+ z-index: -1;
1220
1237
  }
1221
1238
 
1222
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1239
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1240
+ order: -1;
1241
+ flex: 0 0 100%;
1242
+ width: 80%;
1243
+ margin: 0 0 5em;
1223
1244
  position: relative;
1224
- padding-left: 0;
1225
1245
  }
1226
1246
 
1227
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1228
- width: 40px;
1229
- height: 40px;
1230
- display: flex;
1231
- justify-content: center;
1232
- align-items: center;
1233
- border: none;
1234
- position: absolute;
1235
- top: 0;
1236
- left: 0;
1237
- right: 0;
1238
- bottom: 0;
1239
- margin: auto;
1240
- font-size: 3em;
1241
- line-height: 1.3em;
1242
- transform: none !important;
1243
- border-radius: 1.3em;
1247
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1248
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1249
+ width: auto;
1250
+ min-width: 0;
1251
+ }
1252
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1253
+ display: inline-flex;
1254
+ align-items: center;
1255
+ justify-content: center;
1256
+ height: 7em;
1257
+ padding: 0 10px;
1258
+ color: #fff;
1244
1259
  }
1245
1260
 
1246
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1247
- font-weight: bold;
1261
+ .video-js.skin_cn_news .vjs-svg-icon::before {
1262
+ content: none !important;
1248
1263
  }
1249
1264
 
1250
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1251
- bottom: 1.1em !important;
1252
- right: 1em;
1253
- z-index: 1;
1254
- font-size: 10px;
1255
- }
1256
1265
 
1257
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1258
- width: 24px !important;
1259
- height: 24px !important;
1266
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1267
+ display: inline-flex;
1268
+ align-items: center;
1269
+ justify-content: center;
1260
1270
  }
1261
- .video-js.skin_mini .settings-selector-icon>svg{
1262
- height: 19px !important;
1263
- width: 19px !important;
1271
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1272
+ .video-js.skin_cn_news .vjs-rewind-button svg {
1273
+ width: 24px;
1274
+ height: 24px;
1275
+ display: block;
1264
1276
  }
1265
1277
 
1266
1278
 
1267
- .video-js.skin_mini button.vjs-rewind-button{
1268
- cursor: pointer;
1269
- }
1270
-
1271
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1272
- padding-right: 0;
1273
- }
1274
1279
 
1275
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1276
- padding-left: 0;
1280
+ .video-js.skin_cn_news .vjs-subs-caps-button {
1281
+ opacity: 1;
1277
1282
  }
1278
1283
 
1279
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1280
- padding-left: 0;
1281
- padding-right: 0;
1282
- display: flex;
1283
- justify-content: center;
1284
- width: min-content;
1285
- }
1286
1284
 
1287
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1288
- display: none
1289
- }
1290
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1291
- display: none
1292
- }
1293
1285
 
1294
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1295
- display: flex;
1296
- align-items: center;
1297
- font-weight: 700;
1298
- font-size: 9px;
1299
- min-width: 0.8em;
1300
- padding-left: 0;
1286
+ .video-js.skin_cn_news .vjs-volume-panel {
1287
+ margin: 0;
1288
+ display: inline-flex;
1289
+ align-items: center;
1290
+ align-self: center;
1291
+ height: 2.2em;
1292
+ min-width: 7em;
1293
+ transition: none;
1301
1294
  }
1302
-
1303
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1304
- display: none;
1305
- font-size: 11px;
1306
- justify-content: center;
1295
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1296
+ width: 0;
1297
+ height: 100%;
1298
+ display: flex;
1307
1299
  align-items: center;
1308
- user-select: none;
1300
+ overflow: hidden;
1301
+ opacity: 0;
1302
+ transition: width 0.15s ease, opacity 0.15s ease;
1309
1303
  }
1310
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1311
- display: none;
1304
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1305
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1306
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1307
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1308
+ width: 5em;
1309
+ opacity: 1;
1312
1310
  }
1313
1311
 
1314
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1315
- height: min-content;
1316
- width: min-content;
1317
- }
1318
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1319
- width: 3em;
1320
- margin-right: 4px;
1312
+ .video-js.skin_cn_news .vjs-volume-bar {
1313
+ width: 4em;
1314
+ height: 0.3em;
1315
+ margin: 0 0.45em;
1321
1316
  }
1322
1317
 
1323
- .video-js.skin_mini .content{
1324
- bottom: 3.4rem !important;
1325
- right: -4rem !important;
1326
- }
1327
1318
 
1328
- .video-js.skin_mini .setting-icon > svg{
1329
- height:18px !important;
1319
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1320
+ display: none !important;
1330
1321
  }
1331
1322
 
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
1323
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1324
+ width: 0 !important;
1340
1325
  }
1341
1326
 
1342
- .video-js.skin_mini iframe{
1343
- width: 100%;
1344
- height: 100%;
1327
+
1328
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
1329
+ display: block !important;
1330
+ flex: 1 1 auto;
1345
1331
  }
1346
1332
 
1347
- .video-js.skin_mini .vjs-live-control{
1348
- align-items: center;
1349
- max-width: 5em;
1333
+
1334
+ .video-js.skin_cn_news .vjs-big-play-button {
1335
+ display: none;
1350
1336
  }
1351
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1352
- height: 2.2em;
1337
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1338
+ position: relative !important;
1339
+ display: flex;
1340
+ left: 0;
1341
+ top: -1px;
1342
+ }
1343
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1353
1344
  display: flex;
1354
- align-items: center;
1355
- font-family: monospace;
1356
- width: 4em;
1357
1345
  justify-content: center;
1358
- background: red;
1359
- margin: 4px 0px 4px 2px;
1346
+ align-items: center;
1347
+ position: absolute;
1348
+ top: 0;
1349
+ left: 0;
1350
+ right: 0;
1351
+ bottom: 0;
1352
+ margin: auto;
1353
+ width: 80px;
1354
+ height: 80px;
1355
+ border: none;
1356
+ border-radius: 50%;
1357
+ background: rgba(0, 0, 0, 0.55);
1358
+ font-size: 5em;
1359
+ line-height: 1.3em;
1360
+ transform: none !important;
1360
1361
  }
1361
1362
 
1362
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1363
- text-shadow: none;
1364
- }
1365
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1366
- display: none;
1367
- font-size: 12px;
1368
- }
1369
1363
 
1370
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1371
- height: 1.8em;
1372
- display: inline-flex;
1373
- align-items: center;
1374
- font-family: monospace;
1375
- justify-content: center;
1376
- border: 1.5px solid;
1377
- margin: 4px 0px 4px 2px;
1378
- white-space: pre;
1379
- padding: 2px 4px;
1380
- font-size: 1.2em;
1381
- font-weight: 500;
1382
- color: rgba(255, 255, 2555, 0.7);
1364
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1365
+ height: 4px !important;
1366
+ margin: 0;
1367
+ border-radius: 20px;
1368
+ background-color: #393944;
1383
1369
  }
1384
1370
 
1385
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1386
- content: "NOT LIVE";
1387
- word-spacing: -4px;
1371
+ .video-js.skin_cn_news .vjs-play-progress {
1372
+ background-color: #ffffff;
1373
+ border-radius: 20px;
1388
1374
  }
1389
1375
 
1376
+ .video-js.skin_cn_news .vjs-load-progress,
1377
+ .video-js.skin_cn_news .vjs-load-progress div {
1378
+ background: rgba(255, 255, 255, 0.15);
1379
+ border-radius: 20px;
1380
+ }
1390
1381
 
1391
- @media(max-width:600px){
1392
- .tvProviderImage{
1393
- display: none
1394
- }
1395
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1396
- .icon-maximize {
1397
- height: 30px !important;
1398
- }
1399
-
1400
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1401
- .icon-minimize {
1402
- height: 30px !important;
1403
- }
1404
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1405
- width: 3.5em;
1406
- }
1407
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1408
- height: min-content;
1409
- }
1410
1382
 
1411
- .video-js.skin_mini button.vjs-slowmo-button{
1412
- display: none;
1413
- }
1414
- .video-js.skin_mini button.vjs-rewind-button{
1415
- display: none;
1416
- }
1417
- .video-js.skin_mini button.vjs-rewind-button>svg{
1418
- height: 20px;
1419
- }
1420
- .video-js.skin_mini .vjs-button{
1421
- width: 3em;
1422
- }
1423
- .video-js.skin_mini .widget-selection{
1424
- display: none;
1425
- }
1426
- .video-js.skin_mini .container{
1427
- display: none !important;
1428
- }
1429
- .video-js.skin_mini .vjs-control-bar{
1430
- height: 4em !important;
1431
- }
1432
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1433
- font-size: 2.5em;
1434
- line-height: 1.5;
1435
- }
1436
- .video-js.skin_mini .vjs-play-progress:before {
1437
- font-size: 1.2em;
1438
- position: absolute;
1439
- right: -0.5em;
1440
- z-index: 1;
1383
+ .video-js.skin_cn_news .vjs-play-progress:before {
1384
+ content: '';
1385
+ width: 16px;
1386
+ height: 16px;
1387
+ border-radius: 50%;
1388
+ background: #ffffff;
1389
+ border: 2px solid rgba(0, 0, 0, 0.6);
1390
+ box-sizing: border-box;
1391
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1392
+ top: -6px;
1393
+ right: -8px;
1394
+ position: absolute;
1441
1395
  }
1442
- .video-js.skin_mini button.vjs-skip-button>svg{
1443
- height: 20px;
1396
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1397
+ display: none !important;
1444
1398
  }
1445
1399
 
1446
- .stream-selector-icon>svg{
1447
- width: 24px;
1448
- height: 24px;
1400
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1401
+ background: #ffffff;
1402
+ color: #0a0e17;
1403
+ font-weight: 700;
1404
+ border-radius: 3px;
1449
1405
  }
1450
- .video-js.skin_mini .vjs-seek-to-live-text{
1451
- font-size: 12px;
1406
+
1407
+ .video-js.skin_cn_news .vjs-live-control {
1408
+ display: none !important;
1452
1409
  }
1410
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1411
+ display: inline-flex;
1412
+ align-items: center;
1413
+ align-self: center;
1414
+ height: 2.2em;
1415
+ gap: 5px;
1416
+ width: auto;
1417
+ padding: 0 10px;
1418
+ border: 1px solid rgba(255, 255, 255, 0.45);
1419
+ border-radius: 4px;
1420
+ cursor: pointer;
1453
1421
  }
1454
1422
 
1455
-
1456
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1457
- background-color: rgba(0, 0, 0, 0.2);
1423
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1424
+ display: none;
1458
1425
  }
1459
-
1460
-
1461
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1462
- display: flex;
1463
- justify-content: center;
1426
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1427
+ display: inline-flex;
1464
1428
  align-items: center;
1465
- height: 100%;
1466
- transition: width 0.1s;
1467
1429
  }
1468
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1469
- margin: 2px;
1430
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1431
+ content: '';
1432
+ display: inline-block;
1433
+ width: 8px;
1434
+ height: 8px;
1435
+ border-radius: 50%;
1436
+ background: #ff2d2d; /* red live dot */
1437
+ }
1438
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
1439
+ color: #ffffff;
1440
+ font-weight: 700;
1441
+ font-size: 12px;
1442
+ letter-spacing: 0.03em;
1470
1443
  }
1471
1444
 
1472
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1473
- display: flex;
1474
- justify-content: center;
1475
- align-items: center;
1476
- height: 100%;
1477
- transition: width 0.1s;
1445
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1446
+ border-color: transparent;
1447
+ }
1448
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1449
+ color: #ff2d2d;
1478
1450
  }
1479
1451
 
1480
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1481
- display: block;
1482
- font-size: 10px;
1483
- padding: 6px 10px;
1484
- margin: 0;
1485
- max-height: 100%;
1486
- overflow-y: auto;
1452
+ /* ---- time controls ---- */
1453
+ .video-js.skin_cn_news .vjs-current-time,
1454
+ .video-js.skin_cn_news .vjs-duration,
1455
+ .video-js.skin_cn_news .vjs-time-divider {
1456
+ display: none !important;
1487
1457
  }
1488
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1489
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1490
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1491
- display: block;
1492
- width: 100%;
1458
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1459
+ display: none;
1460
+ align-items: center;
1461
+ justify-content: center;
1462
+ font-size: 11px;
1463
+ font-weight: 700;
1464
+ color: #fff;
1465
+ padding: 0 6px;
1466
+ user-select: none;
1493
1467
  }
1494
- .video-js.skin_mini .vjs-text-track-settings fieldset{
1495
- margin: 4px 0;
1468
+
1469
+
1470
+ .video-js.skin_cn_news .vjs-chapter-marker {
1471
+ z-index: 2;
1472
+ width: var(--vl-chapter-size, 8px);
1473
+ height: var(--vl-chapter-size, 8px);
1474
+ top: 50%;
1475
+ bottom: auto;
1476
+ background: var(--vl-chapter-color, #ffffff);
1477
+ opacity: var(--vl-chapter-opacity, 1);
1478
+ border-radius: 50%;
1479
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1480
+ transform: translate(-50%, -50%) scale(1);
1481
+ transition: background-color 0.12s ease;
1496
1482
  }
1497
- .video-js.skin_mini .vjs-text-track-settings fieldset span{
1498
- display: block;
1499
- padding: 0 0 6px;
1483
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1484
+ background: var(--vl-chapter-hover, #0a5cff);
1500
1485
  }
1501
- .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1502
- max-width: 100%;
1486
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1487
+ background: var(--vl-chapter-active, #0a5cff);
1503
1488
  }
1504
1489
 
1505
- @media (max-width: 600px) {
1506
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1507
- height: 5px !important;
1508
- }
1509
-
1510
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1511
- display: none;
1512
- }
1513
1490
 
1491
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1492
+ width: 16px;
1493
+ height: 16px;
1494
+ bottom: 160%;
1495
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1514
1496
  }
1515
1497
 
1516
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1517
- content: none !important;
1518
- fill: none !important;
1519
- filter: none !important;
1520
- }
1521
1498
 
1522
- /* svg icons opacity and hover effect */
1523
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1524
- opacity: 0.7 !important;
1499
+ .video-js.skin_cn_news .vjs-chapter-preview {
1500
+ background: var(--vl-chapter-tooltip, #0a5cff);
1501
+ border-radius: 6px;
1502
+ padding: 8px 10px;
1503
+ width: max-content;
1504
+ max-width: 300px;
1505
+ text-align: left;
1506
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1525
1507
  }
1526
-
1527
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1528
- opacity: 1 !important;
1508
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1509
+ color: #ffffff;
1510
+ font-size: 13px;
1511
+ font-weight: 400;
1512
+ margin-bottom: 2px;
1529
1513
  }
1530
-
1531
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1532
- color: rgba(255, 255, 2555, 0.7)!important;
1514
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1515
+ color: #ffffff;
1516
+ font-size: 13px;
1517
+ font-weight: 400;
1518
+ line-height: 1.3;
1519
+ white-space: normal;
1520
+ text-align: left;
1533
1521
  }
1534
-
1535
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1536
- color: rgba(255, 255, 2555, 1)!important;
1522
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1523
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1537
1524
  }
1538
1525
 
1526
+ /* ---- responsive ---- */
1527
+ @media (max-width: 576px) {
1528
+ .video-js.skin_cn_news .vjs-control-bar {
1529
+ height: 3.2em !important;
1530
+ padding: 0 8px;
1531
+ }
1532
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1533
+ padding: 0 6px;
1534
+ }
1535
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1536
+ display: none !important;
1537
+ }
1538
+ }
1539
1539
 
1540
1540
  .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1541
1541
  font-size: 2.2em;
@@ -2200,7 +2200,6 @@
2200
2200
 
2201
2201
 
2202
2202
 
2203
-
2204
2203
  .video-js .multicamera-parent.default{
2205
2204
  height: 345px;
2206
2205
  position: absolute;
@@ -2280,8 +2279,6 @@
2280
2279
  }
2281
2280
 
2282
2281
 
2283
-
2284
-
2285
2282
  .vjs-custom-big-mute.vjs-control{
2286
2283
  position: absolute;
2287
2284
  align-items: center;
@@ -2330,6 +2327,9 @@
2330
2327
  width: 22px;
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
  }
@@ -2723,6 +2691,38 @@
2723
2691
  .video-js.vjs-quality-menu .vjs-quality-menu-wrapper .vjs-menu .vjs-menu-content::-webkit-scrollbar{
2724
2692
  display: none;
2725
2693
  }
2694
+ /* a wrapper element that tracks the mouse vertically */
2695
+ .vjs-thumbnail-holder {
2696
+ position: absolute;
2697
+ left: -1000px;
2698
+ }
2699
+
2700
+ /* the thumbnail image itself */
2701
+ .vjs-thumbnail {
2702
+ position: absolute;
2703
+ left: 0;
2704
+ bottom: 1.3em;
2705
+ opacity: 0;
2706
+ transition: opacity .2s ease;
2707
+ -webkit-transition: opacity .2s ease;
2708
+ -moz-transition: opacity .2s ease;
2709
+ -mz-transition: opacity .2s ease;
2710
+ }
2711
+
2712
+ /* fade in the thumbnail when hovering over the progress bar */
2713
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2714
+ .vjs-progress-control:hover .vjs-thumbnail,
2715
+ .vjs-progress-control.fake-active .vjs-thumbnail,
2716
+ .vjs-progress-control:active .vjs-thumbnail {
2717
+ opacity: 1;
2718
+ }
2719
+
2720
+ /* ... but hide the thumbnail when hovering directly over it */
2721
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
2722
+ .vjs-progress-control:active .vjs-thumbnail:active {
2723
+ opacity: 0;
2724
+ }
2725
+
2726
2726
  .vjs-poster {
2727
2727
  display: inline-block;
2728
2728
  vertical-align: middle;