j1-template 2024.3.23 → 2024.3.24

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 (199) hide show
  1. checksums.yaml +4 -4
  2. data/assets/data/gallery_app.html +102 -14
  3. data/assets/theme/j1/adapter/js/gallery.js +13 -2
  4. data/assets/theme/j1/core/css/themes/unolight/bootstrap.css +29 -0
  5. data/assets/theme/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
  6. data/assets/theme/j1/core/css/vendor.css +1 -1
  7. data/assets/theme/j1/core/css/vendor.min.css +1 -1
  8. data/assets/theme/j1/modules/lightGallery/js/lightgallery.js +36 -17
  9. data/assets/theme/j1/modules/lightGallery/js/lightgallery.min.js +1 -8
  10. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-video.js +423 -297
  11. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-video.min.js +1 -8
  12. data/assets/theme/j1/modules/rtable/css/theme/uno/rtable.css +11 -1
  13. data/assets/theme/j1/modules/videojs/css/themes/uno.css +41 -29
  14. data/assets/theme/j1/modules/videojs/css/themes/uno.min.css +1 -1
  15. data/assets/theme/j1/modules/videojs/plugins/controls/aspect-ratio-panel/!examples/index.html +4 -9
  16. data/assets/theme/j1/modules/videojs/plugins/controls/hotkeys/!examples/example.html +1 -1
  17. data/assets/theme/j1/modules/videojs/plugins/controls/persist-settings/!examples/index.html +3 -7
  18. data/assets/theme/j1/modules/videojs/plugins/controls/playbackrate-adjuster/!examples/index.html +3 -8
  19. data/assets/theme/j1/modules/videojs/plugins/players/dm/!examples/dailymotion-controls.html +4 -4
  20. data/assets/theme/j1/modules/videojs/plugins/players/dm/!examples/dailymotion-javascript.html +3 -3
  21. data/assets/theme/j1/modules/videojs/plugins/players/dm/!examples/dailymotion-playlist.html +3 -3
  22. data/assets/theme/j1/modules/videojs/plugins/players/dm/!examples/global-parameters.html +3 -3
  23. data/assets/theme/j1/modules/videojs/plugins/players/dm/!examples/simple.html +15 -4
  24. data/assets/theme/j1/modules/videojs/plugins/players/dm/!examples/switch.html +3 -3
  25. data/assets/theme/j1/modules/videojs/plugins/players/vm/!examples/index.html +3 -3
  26. data/assets/theme/j1/modules/videojs/plugins/players/vm/!examples/player/index.html +3 -3
  27. data/assets/theme/j1/modules/videojs/plugins/players/yt/!examples/global-parameters.html +5 -5
  28. data/assets/theme/j1/modules/videojs/plugins/players/yt/!examples/simple.html +5 -5
  29. data/assets/theme/j1/modules/videojs/plugins/players/yt/!examples/switch.html +5 -5
  30. data/assets/theme/j1/modules/videojs/plugins/players/yt/!examples/youtube-controls.html +5 -5
  31. data/assets/theme/j1/modules/videojs/plugins/players/yt/!examples/youtube-javascript.html +5 -5
  32. data/assets/theme/j1/modules/videojs/plugins/players/yt/!examples/youtube-list.html +5 -5
  33. data/assets/theme/j1/modules/videojs/plugins/players/yt/!examples/youtube-playlist.html +5 -5
  34. data/lib/j1/version.rb +1 -1
  35. data/lib/starter_web/README.md +5 -5
  36. data/lib/starter_web/_config.yml +1 -1
  37. data/lib/starter_web/_data/blocks/banner.yml +2 -2
  38. data/lib/starter_web/_data/modules/attics.yml +11 -0
  39. data/lib/starter_web/_data/modules/carousel.yml +1 -1
  40. data/lib/starter_web/_data/modules/defaults/masonry.yml +115 -22
  41. data/lib/starter_web/_data/modules/gallery.yml +163 -215
  42. data/lib/starter_web/_data/modules/masonry.yml +6 -0
  43. data/lib/starter_web/_data/templates/feed.xml +1 -1
  44. data/lib/starter_web/_includes/attributes.asciidoc +7 -0
  45. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  46. data/lib/starter_web/assets/image/module/attic/1920x1280/alexander-redl.jpg +0 -0
  47. data/lib/starter_web/assets/image/module/attic/1920x1280/alexander-shatov.jpg +0 -0
  48. data/lib/starter_web/assets/image/module/attic/1920x1280/alexey-ruban.jpg +0 -0
  49. data/lib/starter_web/assets/image/module/attic/1920x1280/andrea-badino.jpg +0 -0
  50. data/lib/starter_web/assets/image/module/attic/1920x1280/bootstrap-modal.jpg +0 -0
  51. data/lib/starter_web/assets/image/module/attic/1920x1280/bp-miller.jpg +0 -0
  52. data/lib/starter_web/assets/image/module/attic/1920x1280/brad-neathery.jpg +0 -0
  53. data/lib/starter_web/assets/image/module/attic/1920x1280/brigitta-schneiter.jpg +0 -0
  54. data/lib/starter_web/assets/image/module/attic/1920x1280/build-with-gemini.jpg +0 -0
  55. data/lib/starter_web/assets/image/module/attic/1920x1280/clem-onojeghuo.jpg +0 -0
  56. data/lib/starter_web/assets/image/module/attic/1920x1280/crawford-jolly.jpg +0 -0
  57. data/lib/starter_web/assets/image/module/attic/1920x1280/eleni-afiontzi.jpg +0 -0
  58. data/lib/starter_web/assets/image/module/attic/1920x1280/fly-d.jpg +0 -0
  59. data/lib/starter_web/assets/image/module/attic/1920x1280/guillaume-bolduc.jpg +0 -0
  60. data/lib/starter_web/assets/image/module/attic/1920x1280/ideas-start-here-1920x1280.jpg +0 -0
  61. data/lib/starter_web/assets/image/module/attic/1920x1280/isaac-davis.jpg +0 -0
  62. data/lib/starter_web/assets/image/module/attic/1920x1280/j1-content-mockup-2.jpg +0 -0
  63. data/lib/starter_web/assets/image/module/attic/1920x1280/j1-content-mockup-3.jpg +0 -0
  64. data/lib/starter_web/assets/image/module/attic/1920x1280/j1-starter-mockup-1.jpg +0 -0
  65. data/lib/starter_web/assets/image/module/attic/1920x1280/john-schnobrich-2.jpg +0 -0
  66. data/lib/starter_web/assets/image/module/attic/1920x1280/josep-martins.jpg +0 -0
  67. data/lib/starter_web/assets/image/module/attic/1920x1280/josh-liu.jpg +0 -0
  68. data/lib/starter_web/assets/image/module/attic/1920x1280/kelly-sikkemal.jpg +0 -0
  69. data/lib/starter_web/assets/image/module/attic/1920x1280/kira-auf-der-heide.jpg +0 -0
  70. data/lib/starter_web/assets/image/module/attic/1920x1280/kristopher-roller.jpg +0 -0
  71. data/lib/starter_web/assets/image/module/attic/1920x1280/markus-spiske.jpg +0 -0
  72. data/lib/starter_web/assets/image/module/attic/1920x1280/martin-sanchez.jpg +0 -0
  73. data/lib/starter_web/assets/image/module/attic/1920x1280/material_symbols.jpg +0 -0
  74. data/lib/starter_web/assets/image/module/attic/1920x1280/matthaeus.jpg +0 -0
  75. data/lib/starter_web/assets/image/module/attic/1920x1280/melanie-deziel.jpg +0 -0
  76. data/lib/starter_web/assets/image/module/attic/1920x1280/milad-fakurian.jpg +0 -0
  77. data/lib/starter_web/assets/image/module/attic/1920x1280/mohammad-rahmani.jpg +0 -0
  78. data/lib/starter_web/assets/image/module/attic/1920x1280/nasa.jpg +0 -0
  79. data/lib/starter_web/assets/image/module/attic/1920x1280/quino-al-2.jpg +0 -0
  80. data/lib/starter_web/assets/image/module/attic/1920x1280/stories-ink-tattoo-care.jpg +0 -0
  81. data/lib/starter_web/assets/image/module/attic/1920x1280/towfiqu-barbhuiya.jpg +0 -0
  82. data/lib/starter_web/assets/image/page/tour/bootswatch-themes.jpg +0 -0
  83. data/lib/starter_web/index.html +3 -2
  84. data/lib/starter_web/package.json +1 -1
  85. data/lib/starter_web/pages/public/panels/intro_panel/_includes/attributes.asciidoc +1 -1
  86. data/lib/starter_web/pages/public/tools/previewer/preview_bootstrap_theme.adoc +5 -5
  87. data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +7 -3
  88. data/lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc +7 -3
  89. data/lib/starter_web/pages/public/tools/tester/videojs_macro_tester.adoc +18 -3
  90. data/lib/starter_web/pages/public/tour/_includes/attributes.asciidoc +1 -2
  91. data/lib/starter_web/pages/public/tour/_includes/documents/themes_bootstrap.asciidoc +1 -1
  92. data/lib/starter_web/pages/public/tour/asciidoc_extensions.adoc +7 -3
  93. data/lib/starter_web/pages/public/tour/bootstrap_themes.adoc +62 -7
  94. data/lib/starter_web/pages/public/tour/icon_fonts.adoc +4 -8
  95. data/lib/starter_web/pages/public/tour/modal_extentions.adoc +2 -2
  96. data/lib/starter_web/pages/public/tour/responsive_tables.adoc +21 -15
  97. data/lib/starter_web/pages/public/tour/typography.adoc +5 -5
  98. data/lib/starter_web/pages/public/tour/video_data.adoc +24 -5
  99. metadata +11 -102
  100. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/lg-transitions.css +0 -984
  101. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/lg-transitions.min.css +0 -26
  102. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/lightgallery-bundle.css +0 -1627
  103. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/lightgallery-bundle.min.css +0 -25
  104. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/animation-w.png +0 -0
  105. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/customize-w.png +0 -0
  106. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/dynamic-w.png +0 -0
  107. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/facebook-icon.svg +0 -10
  108. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/googleplus-icon.svg +0 -30
  109. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/html5-w.png +0 -0
  110. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/linked-in.png +0 -0
  111. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/module-w.png +0 -0
  112. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/play-button-hover.svg +0 -94
  113. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/play-button.png +0 -0
  114. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/play-button.svg +0 -93
  115. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/responsive-w.png +0 -0
  116. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/thumb-w.png +0 -0
  117. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/touch-w.png +0 -0
  118. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/twitter-icon.svg +0 -15
  119. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/twitter.png +0 -0
  120. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/video1-w.png +0 -0
  121. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/zoom-w.png +0 -0
  122. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/icons/zoom.png +0 -0
  123. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/uno.css +0 -140
  124. data/assets/theme/j1/modules/lightGallery/!v2.7.2/css/themes/uno/uno.min.css +0 -19
  125. data/assets/theme/j1/modules/lightGallery/!v2.7.2/fonts/lg.svg +0 -54
  126. data/assets/theme/j1/modules/lightGallery/!v2.7.2/fonts/lg.ttf +0 -0
  127. data/assets/theme/j1/modules/lightGallery/!v2.7.2/fonts/lg.woff +0 -0
  128. data/assets/theme/j1/modules/lightGallery/!v2.7.2/fonts/lg.woff2 +0 -0
  129. data/assets/theme/j1/modules/lightGallery/!v2.7.2/images/loading.gif +0 -0
  130. data/assets/theme/j1/modules/lightGallery/!v2.7.2/img/loading.gif +0 -0
  131. data/assets/theme/j1/modules/lightGallery/!v2.7.2/img/video-play.png +0 -0
  132. data/assets/theme/j1/modules/lightGallery/!v2.7.2/img/vimeo-play.png +0 -0
  133. data/assets/theme/j1/modules/lightGallery/!v2.7.2/img/youtube-play.png +0 -0
  134. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/lightgallery.js +0 -2782
  135. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/lightgallery.min.js +0 -26
  136. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/parser/webvtt/LICENSE.md +0 -44
  137. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/parser/webvtt/README.md +0 -37
  138. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/parser/webvtt/parser.js +0 -890
  139. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/parser/webvtt/parser.min.js +0 -8
  140. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/j1/j1-video.js +0 -402
  141. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/j1/j1-video.min.js +0 -7
  142. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/j1/lg-video.1.js +0 -585
  143. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-autoplay.js +0 -275
  144. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-autoplay.min.js +0 -26
  145. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-comment.js +0 -230
  146. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-comment.min.js +0 -26
  147. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-fullscreen.js +0 -160
  148. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-fullscreen.min.js +0 -26
  149. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-hash.js +0 -223
  150. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-hash.min.js +0 -27
  151. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-medium-zoom.js +0 -157
  152. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-medium-zoom.min.js +0 -26
  153. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-pager.js +0 -164
  154. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-pager.min.js +0 -26
  155. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-rotate.js +0 -299
  156. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-rotate.min.js +0 -26
  157. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-share.js +0 -244
  158. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-share.min.js +0 -27
  159. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-thumbnail.js +0 -509
  160. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-thumbnail.min.js +0 -26
  161. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-video.js +0 -909
  162. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-video.min.js +0 -26
  163. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-vimeo-thumbnail.js +0 -207
  164. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-vimeo-thumbnail.min.js +0 -26
  165. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-zoom.js +0 -999
  166. data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-zoom.min.js +0 -26
  167. data/assets/theme/j1/modules/lightGallery/js/plugins/j1/lg-thumbnail.0.js +0 -495
  168. data/assets/theme/j1/modules/lightGallery/js/plugins/j1/lg-thumbnail.1.js +0 -513
  169. data/assets/theme/j1/modules/lightGallery/js/plugins/j1/lg-video.0.js +0 -553
  170. data/assets/theme/j1/modules/lightGallery/js/plugins/j1/lg-video.1.js +0 -585
  171. data/assets/theme/j1/modules/lightGallery/js/plugins/j1/lg-video.2.js +0 -914
  172. data/assets/theme/j1/modules/videojs/!v8.12.0/css/font/README.md +0 -151
  173. data/assets/theme/j1/modules/videojs/!v8.12.0/css/font/VideoJS.svg +0 -150
  174. data/assets/theme/j1/modules/videojs/!v8.12.0/css/font/video-js-cdn.css +0 -2012
  175. data/assets/theme/j1/modules/videojs/!v8.12.0/css/themes/city.css +0 -147
  176. data/assets/theme/j1/modules/videojs/!v8.12.0/css/themes/city.min.css +0 -5
  177. data/assets/theme/j1/modules/videojs/!v8.12.0/css/themes/fantasy.css +0 -113
  178. data/assets/theme/j1/modules/videojs/!v8.12.0/css/themes/fantasy.min.css +0 -5
  179. data/assets/theme/j1/modules/videojs/!v8.12.0/css/themes/forest.css +0 -166
  180. data/assets/theme/j1/modules/videojs/!v8.12.0/css/themes/forest.min.css +0 -5
  181. data/assets/theme/j1/modules/videojs/!v8.12.0/css/themes/sea.css +0 -72
  182. data/assets/theme/j1/modules/videojs/!v8.12.0/css/themes/sea.min.css +0 -5
  183. data/assets/theme/j1/modules/videojs/!v8.12.0/css/themes/uno.css +0 -311
  184. data/assets/theme/j1/modules/videojs/!v8.12.0/css/themes/uno.min.css +0 -19
  185. data/assets/theme/j1/modules/videojs/!v8.12.0/css/videojs.css +0 -1686
  186. data/assets/theme/j1/modules/videojs/!v8.12.0/css/videojs.min.css +0 -13
  187. data/assets/theme/j1/modules/videojs/!v8.12.0/js/video.js +0 -65226
  188. data/assets/theme/j1/modules/videojs/!v8.12.0/js/video.min.js +0 -55
  189. data/lib/starter_web/_data/modules/gallery_app.yml +0 -1002
  190. data/lib/starter_web/_data/modules/gallery_playlists.yml +0 -534
  191. data/lib/starter_web/assets/image/module/attic/1920x1280/alina-grubnyak.jpg +0 -0
  192. data/lib/starter_web/assets/image/module/attic/1920x1280/bruno-figueiredo.jpg +0 -0
  193. data/lib/starter_web/assets/image/module/attic/1920x1280/harpal-singh.jpg +0 -0
  194. data/lib/starter_web/assets/image/module/attic/1920x1280/hayden-mills-2.jpg +0 -0
  195. data/lib/starter_web/assets/image/module/attic/1920x1280/j1-content-mockup-1.jpg +0 -0
  196. data/lib/starter_web/assets/image/module/attic/1920x1280/recha-oktaviani.jpg +0 -0
  197. data/lib/starter_web/assets/image/module/attic/1920x1280/tiny_desk.jpg +0 -0
  198. data/lib/starter_web/assets/image/module/attic/ideas-start-here-1920x1280-bw.jpg +0 -0
  199. data/lib/starter_web/assets/image/module/attic/ideas-start-here-1920x1280.jpg +0 -0
@@ -1,2012 +0,0 @@
1
- .vjs-svg-icon {
2
- display: inline-block;
3
- background-repeat: no-repeat;
4
- background-position: center;
5
- fill: currentColor;
6
- height: 1.8em;
7
- width: 1.8em;
8
- }
9
- .vjs-svg-icon:before {
10
- content: none !important;
11
- }
12
-
13
- .vjs-svg-icon:hover,
14
- .vjs-control:focus .vjs-svg-icon {
15
- filter: drop-shadow(0 0 0.25em #fff);
16
- }
17
-
18
- .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
19
- position: absolute;
20
- top: 0;
21
- left: 0;
22
- width: 100%;
23
- height: 100%;
24
- }
25
-
26
- .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
27
- text-align: center;
28
- }
29
-
30
- @font-face {
31
- font-family: VideoJS;
32
- src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
33
- font-weight: normal;
34
- font-style: normal;
35
- }
36
- .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
37
- font-family: VideoJS;
38
- font-weight: normal;
39
- font-style: normal;
40
- }
41
- .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
42
- content: "\f101";
43
- }
44
-
45
- .vjs-icon-play-circle {
46
- font-family: VideoJS;
47
- font-weight: normal;
48
- font-style: normal;
49
- }
50
- .vjs-icon-play-circle:before {
51
- content: "\f102";
52
- }
53
-
54
- .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
55
- font-family: VideoJS;
56
- font-weight: normal;
57
- font-style: normal;
58
- }
59
- .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
60
- content: "\f103";
61
- }
62
-
63
- .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
64
- font-family: VideoJS;
65
- font-weight: normal;
66
- font-style: normal;
67
- }
68
- .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
69
- content: "\f104";
70
- }
71
-
72
- .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
73
- font-family: VideoJS;
74
- font-weight: normal;
75
- font-style: normal;
76
- }
77
- .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
78
- content: "\f105";
79
- }
80
-
81
- .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
82
- font-family: VideoJS;
83
- font-weight: normal;
84
- font-style: normal;
85
- }
86
- .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
87
- content: "\f106";
88
- }
89
-
90
- .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
91
- font-family: VideoJS;
92
- font-weight: normal;
93
- font-style: normal;
94
- }
95
- .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
96
- content: "\f107";
97
- }
98
-
99
- .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
100
- font-family: VideoJS;
101
- font-weight: normal;
102
- font-style: normal;
103
- }
104
- .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
105
- content: "\f108";
106
- }
107
-
108
- .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
109
- font-family: VideoJS;
110
- font-weight: normal;
111
- font-style: normal;
112
- }
113
- .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
114
- content: "\f109";
115
- }
116
-
117
- .vjs-icon-spinner {
118
- font-family: VideoJS;
119
- font-weight: normal;
120
- font-style: normal;
121
- }
122
- .vjs-icon-spinner:before {
123
- content: "\f10a";
124
- }
125
-
126
- .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
127
- .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
128
- .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
129
- .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
130
- .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
131
- font-family: VideoJS;
132
- font-weight: normal;
133
- font-style: normal;
134
- }
135
- .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
136
- .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
137
- .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
138
- .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
139
- .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
140
- content: "\f10b";
141
- }
142
-
143
- .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
144
- .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
145
- font-family: VideoJS;
146
- font-weight: normal;
147
- font-style: normal;
148
- }
149
- .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
150
- .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
151
- content: "\f10c";
152
- }
153
-
154
- .vjs-icon-hd {
155
- font-family: VideoJS;
156
- font-weight: normal;
157
- font-style: normal;
158
- }
159
- .vjs-icon-hd:before {
160
- content: "\f10d";
161
- }
162
-
163
- .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
164
- font-family: VideoJS;
165
- font-weight: normal;
166
- font-style: normal;
167
- }
168
- .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
169
- content: "\f10e";
170
- }
171
-
172
- .vjs-icon-downloading {
173
- font-family: VideoJS;
174
- font-weight: normal;
175
- font-style: normal;
176
- }
177
- .vjs-icon-downloading:before {
178
- content: "\f10f";
179
- }
180
-
181
- .vjs-icon-file-download {
182
- font-family: VideoJS;
183
- font-weight: normal;
184
- font-style: normal;
185
- }
186
- .vjs-icon-file-download:before {
187
- content: "\f110";
188
- }
189
-
190
- .vjs-icon-file-download-done {
191
- font-family: VideoJS;
192
- font-weight: normal;
193
- font-style: normal;
194
- }
195
- .vjs-icon-file-download-done:before {
196
- content: "\f111";
197
- }
198
-
199
- .vjs-icon-file-download-off {
200
- font-family: VideoJS;
201
- font-weight: normal;
202
- font-style: normal;
203
- }
204
- .vjs-icon-file-download-off:before {
205
- content: "\f112";
206
- }
207
-
208
- .vjs-icon-share {
209
- font-family: VideoJS;
210
- font-weight: normal;
211
- font-style: normal;
212
- }
213
- .vjs-icon-share:before {
214
- content: "\f113";
215
- }
216
-
217
- .vjs-icon-cog {
218
- font-family: VideoJS;
219
- font-weight: normal;
220
- font-style: normal;
221
- }
222
- .vjs-icon-cog:before {
223
- content: "\f114";
224
- }
225
-
226
- .vjs-icon-square {
227
- font-family: VideoJS;
228
- font-weight: normal;
229
- font-style: normal;
230
- }
231
- .vjs-icon-square:before {
232
- content: "\f115";
233
- }
234
-
235
- .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
236
- font-family: VideoJS;
237
- font-weight: normal;
238
- font-style: normal;
239
- }
240
- .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
241
- content: "\f116";
242
- }
243
-
244
- .vjs-icon-circle-outline {
245
- font-family: VideoJS;
246
- font-weight: normal;
247
- font-style: normal;
248
- }
249
- .vjs-icon-circle-outline:before {
250
- content: "\f117";
251
- }
252
-
253
- .vjs-icon-circle-inner-circle {
254
- font-family: VideoJS;
255
- font-weight: normal;
256
- font-style: normal;
257
- }
258
- .vjs-icon-circle-inner-circle:before {
259
- content: "\f118";
260
- }
261
-
262
- .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
263
- font-family: VideoJS;
264
- font-weight: normal;
265
- font-style: normal;
266
- }
267
- .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
268
- content: "\f119";
269
- }
270
-
271
- .vjs-icon-repeat {
272
- font-family: VideoJS;
273
- font-weight: normal;
274
- font-style: normal;
275
- }
276
- .vjs-icon-repeat:before {
277
- content: "\f11a";
278
- }
279
-
280
- .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
281
- font-family: VideoJS;
282
- font-weight: normal;
283
- font-style: normal;
284
- }
285
- .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
286
- content: "\f11b";
287
- }
288
-
289
- .vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
290
- font-family: VideoJS;
291
- font-weight: normal;
292
- font-style: normal;
293
- }
294
- .vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
295
- content: "\f11c";
296
- }
297
-
298
- .vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
299
- font-family: VideoJS;
300
- font-weight: normal;
301
- font-style: normal;
302
- }
303
- .vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
304
- content: "\f11d";
305
- }
306
-
307
- .vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
308
- font-family: VideoJS;
309
- font-weight: normal;
310
- font-style: normal;
311
- }
312
- .vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
313
- content: "\f11e";
314
- }
315
-
316
- .vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
317
- font-family: VideoJS;
318
- font-weight: normal;
319
- font-style: normal;
320
- }
321
- .vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
322
- content: "\f11f";
323
- }
324
-
325
- .vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
326
- font-family: VideoJS;
327
- font-weight: normal;
328
- font-style: normal;
329
- }
330
- .vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
331
- content: "\f120";
332
- }
333
-
334
- .vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
335
- font-family: VideoJS;
336
- font-weight: normal;
337
- font-style: normal;
338
- }
339
- .vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
340
- content: "\f121";
341
- }
342
-
343
- .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
344
- font-family: VideoJS;
345
- font-weight: normal;
346
- font-style: normal;
347
- }
348
- .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
349
- content: "\f122";
350
- }
351
-
352
- .vjs-icon-next-item {
353
- font-family: VideoJS;
354
- font-weight: normal;
355
- font-style: normal;
356
- }
357
- .vjs-icon-next-item:before {
358
- content: "\f123";
359
- }
360
-
361
- .vjs-icon-previous-item {
362
- font-family: VideoJS;
363
- font-weight: normal;
364
- font-style: normal;
365
- }
366
- .vjs-icon-previous-item:before {
367
- content: "\f124";
368
- }
369
-
370
- .vjs-icon-shuffle {
371
- font-family: VideoJS;
372
- font-weight: normal;
373
- font-style: normal;
374
- }
375
- .vjs-icon-shuffle:before {
376
- content: "\f125";
377
- }
378
-
379
- .vjs-icon-cast {
380
- font-family: VideoJS;
381
- font-weight: normal;
382
- font-style: normal;
383
- }
384
- .vjs-icon-cast:before {
385
- content: "\f126";
386
- }
387
-
388
- .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
389
- font-family: VideoJS;
390
- font-weight: normal;
391
- font-style: normal;
392
- }
393
- .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
394
- content: "\f127";
395
- }
396
-
397
- .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
398
- font-family: VideoJS;
399
- font-weight: normal;
400
- font-style: normal;
401
- }
402
- .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
403
- content: "\f128";
404
- }
405
-
406
- .vjs-icon-facebook {
407
- font-family: VideoJS;
408
- font-weight: normal;
409
- font-style: normal;
410
- }
411
- .vjs-icon-facebook:before {
412
- content: "\f129";
413
- }
414
-
415
- .vjs-icon-linkedin {
416
- font-family: VideoJS;
417
- font-weight: normal;
418
- font-style: normal;
419
- }
420
- .vjs-icon-linkedin:before {
421
- content: "\f12a";
422
- }
423
-
424
- .vjs-icon-twitter {
425
- font-family: VideoJS;
426
- font-weight: normal;
427
- font-style: normal;
428
- }
429
- .vjs-icon-twitter:before {
430
- content: "\f12b";
431
- }
432
-
433
- .vjs-icon-tumblr {
434
- font-family: VideoJS;
435
- font-weight: normal;
436
- font-style: normal;
437
- }
438
- .vjs-icon-tumblr:before {
439
- content: "\f12c";
440
- }
441
-
442
- .vjs-icon-pinterest {
443
- font-family: VideoJS;
444
- font-weight: normal;
445
- font-style: normal;
446
- }
447
- .vjs-icon-pinterest:before {
448
- content: "\f12d";
449
- }
450
-
451
- .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
452
- font-family: VideoJS;
453
- font-weight: normal;
454
- font-style: normal;
455
- }
456
- .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
457
- content: "\f12e";
458
- }
459
-
460
- .video-js {
461
- display: inline-block;
462
- vertical-align: top;
463
- box-sizing: border-box;
464
- color: #fff;
465
- background-color: #000;
466
- position: relative;
467
- padding: 0;
468
- font-size: 10px;
469
- line-height: 1;
470
- font-weight: normal;
471
- font-style: normal;
472
- font-family: Arial, Helvetica, sans-serif;
473
- word-break: initial;
474
- }
475
- .video-js:-moz-full-screen {
476
- position: absolute;
477
- }
478
- .video-js:-webkit-full-screen {
479
- width: 100% !important;
480
- height: 100% !important;
481
- }
482
-
483
- .video-js[tabindex="-1"] {
484
- outline: none;
485
- }
486
-
487
- .video-js *,
488
- .video-js *:before,
489
- .video-js *:after {
490
- box-sizing: inherit;
491
- }
492
-
493
- .video-js ul {
494
- font-family: inherit;
495
- font-size: inherit;
496
- line-height: inherit;
497
- list-style-position: outside;
498
- margin-left: 0;
499
- margin-right: 0;
500
- margin-top: 0;
501
- margin-bottom: 0;
502
- }
503
-
504
- .video-js.vjs-fluid,
505
- .video-js.vjs-16-9,
506
- .video-js.vjs-4-3,
507
- .video-js.vjs-9-16,
508
- .video-js.vjs-1-1 {
509
- width: 100%;
510
- max-width: 100%;
511
- }
512
-
513
- .video-js.vjs-fluid:not(.vjs-audio-only-mode),
514
- .video-js.vjs-16-9:not(.vjs-audio-only-mode),
515
- .video-js.vjs-4-3:not(.vjs-audio-only-mode),
516
- .video-js.vjs-9-16:not(.vjs-audio-only-mode),
517
- .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
518
- height: 0;
519
- }
520
-
521
- .video-js.vjs-16-9:not(.vjs-audio-only-mode) {
522
- padding-top: 56.25%;
523
- }
524
-
525
- .video-js.vjs-4-3:not(.vjs-audio-only-mode) {
526
- padding-top: 75%;
527
- }
528
-
529
- .video-js.vjs-9-16:not(.vjs-audio-only-mode) {
530
- padding-top: 177.7777777778%;
531
- }
532
-
533
- .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
534
- padding-top: 100%;
535
- }
536
-
537
- .video-js.vjs-fill:not(.vjs-audio-only-mode) {
538
- width: 100%;
539
- height: 100%;
540
- }
541
-
542
- .video-js .vjs-tech {
543
- position: absolute;
544
- top: 0;
545
- left: 0;
546
- width: 100%;
547
- height: 100%;
548
- }
549
-
550
- .video-js.vjs-audio-only-mode .vjs-tech {
551
- display: none;
552
- }
553
-
554
- body.vjs-full-window,
555
- body.vjs-pip-window {
556
- padding: 0;
557
- margin: 0;
558
- height: 100%;
559
- }
560
-
561
- .vjs-full-window .video-js.vjs-fullscreen,
562
- body.vjs-pip-window .video-js {
563
- position: fixed;
564
- overflow: hidden;
565
- z-index: 1000;
566
- left: 0;
567
- top: 0;
568
- bottom: 0;
569
- right: 0;
570
- }
571
-
572
- .video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
573
- body.vjs-pip-window .video-js {
574
- width: 100% !important;
575
- height: 100% !important;
576
- padding-top: 0 !important;
577
- display: block;
578
- }
579
-
580
- .video-js.vjs-fullscreen.vjs-user-inactive {
581
- cursor: none;
582
- }
583
-
584
- .vjs-pip-container .vjs-pip-text {
585
- position: absolute;
586
- bottom: 10%;
587
- font-size: 2em;
588
- background-color: rgba(0, 0, 0, 0.7);
589
- padding: 0.5em;
590
- text-align: center;
591
- width: 100%;
592
- }
593
-
594
- .vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
595
- .vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
596
- .vjs-layout-small.vjs-pip-container .vjs-pip-text {
597
- bottom: 0;
598
- font-size: 1.4em;
599
- }
600
-
601
- .vjs-hidden {
602
- display: none !important;
603
- }
604
-
605
- .vjs-disabled {
606
- opacity: 0.5;
607
- cursor: default;
608
- }
609
-
610
- .video-js .vjs-offscreen {
611
- height: 1px;
612
- left: -9999px;
613
- position: absolute;
614
- top: 0;
615
- width: 1px;
616
- }
617
-
618
- .vjs-lock-showing {
619
- display: block !important;
620
- opacity: 1 !important;
621
- visibility: visible !important;
622
- }
623
-
624
- .vjs-no-js {
625
- padding: 20px;
626
- color: #fff;
627
- background-color: #000;
628
- font-size: 18px;
629
- font-family: Arial, Helvetica, sans-serif;
630
- text-align: center;
631
- width: 300px;
632
- height: 150px;
633
- margin: 0px auto;
634
- }
635
-
636
- .vjs-no-js a,
637
- .vjs-no-js a:visited {
638
- color: #66A8CC;
639
- }
640
-
641
- .video-js .vjs-big-play-button {
642
- font-size: 3em;
643
- line-height: 1.5em;
644
- height: 1.63332em;
645
- width: 3em;
646
- display: block;
647
- position: absolute;
648
- top: 50%;
649
- left: 50%;
650
- padding: 0;
651
- margin-top: -0.81666em;
652
- margin-left: -1.5em;
653
- cursor: pointer;
654
- opacity: 1;
655
- border: 0.06666em solid #fff;
656
- background-color: #2B333F;
657
- background-color: rgba(43, 51, 63, 0.7);
658
- border-radius: 0.3em;
659
- transition: all 0.4s;
660
- }
661
- .vjs-big-play-button .vjs-svg-icon {
662
- width: 1em;
663
- height: 1em;
664
- position: absolute;
665
- top: 50%;
666
- left: 50%;
667
- line-height: 1;
668
- transform: translate(-50%, -50%);
669
- }
670
-
671
- .video-js:hover .vjs-big-play-button,
672
- .video-js .vjs-big-play-button:focus {
673
- border-color: #fff;
674
- background-color: #73859f;
675
- background-color: rgba(115, 133, 159, 0.5);
676
- transition: all 0s;
677
- }
678
-
679
- .vjs-controls-disabled .vjs-big-play-button,
680
- .vjs-has-started .vjs-big-play-button,
681
- .vjs-using-native-controls .vjs-big-play-button,
682
- .vjs-error .vjs-big-play-button {
683
- display: none;
684
- }
685
-
686
- .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
687
- display: block;
688
- }
689
-
690
- .video-js button {
691
- background: none;
692
- border: none;
693
- color: inherit;
694
- display: inline-block;
695
- font-size: inherit;
696
- line-height: inherit;
697
- text-transform: none;
698
- text-decoration: none;
699
- transition: none;
700
- -webkit-appearance: none;
701
- -moz-appearance: none;
702
- appearance: none;
703
- }
704
-
705
- .video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
706
- outline: 0.0625em solid white;
707
- box-shadow: none;
708
- }
709
-
710
- .vjs-control .vjs-button {
711
- width: 100%;
712
- height: 100%;
713
- }
714
-
715
- .video-js .vjs-control.vjs-close-button {
716
- cursor: pointer;
717
- height: 3em;
718
- position: absolute;
719
- right: 0;
720
- top: 0.5em;
721
- z-index: 2;
722
- }
723
- .video-js .vjs-modal-dialog {
724
- background: rgba(0, 0, 0, 0.8);
725
- background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
726
- overflow: auto;
727
- }
728
-
729
- .video-js .vjs-modal-dialog > * {
730
- box-sizing: border-box;
731
- }
732
-
733
- .vjs-modal-dialog .vjs-modal-dialog-content {
734
- font-size: 1.2em;
735
- line-height: 1.5;
736
- padding: 20px 24px;
737
- z-index: 1;
738
- }
739
-
740
- .vjs-menu-button {
741
- cursor: pointer;
742
- }
743
-
744
- .vjs-menu-button.vjs-disabled {
745
- cursor: default;
746
- }
747
-
748
- .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
749
- display: none;
750
- }
751
-
752
- .vjs-menu .vjs-menu-content {
753
- display: block;
754
- padding: 0;
755
- margin: 0;
756
- font-family: Arial, Helvetica, sans-serif;
757
- overflow: auto;
758
- }
759
-
760
- .vjs-menu .vjs-menu-content > * {
761
- box-sizing: border-box;
762
- }
763
-
764
- .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
765
- display: none;
766
- }
767
-
768
- .vjs-menu li {
769
- display: flex;
770
- justify-content: center;
771
- list-style: none;
772
- margin: 0;
773
- padding: 0.2em 0;
774
- line-height: 1.4em;
775
- font-size: 1.2em;
776
- text-align: center;
777
- text-transform: lowercase;
778
- }
779
-
780
- .vjs-menu li.vjs-menu-item:focus,
781
- .vjs-menu li.vjs-menu-item:hover,
782
- .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
783
- background-color: #73859f;
784
- background-color: rgba(115, 133, 159, 0.5);
785
- }
786
-
787
- .vjs-menu li.vjs-selected,
788
- .vjs-menu li.vjs-selected:focus,
789
- .vjs-menu li.vjs-selected:hover,
790
- .js-focus-visible .vjs-menu li.vjs-selected:hover {
791
- background-color: #fff;
792
- color: #2B333F;
793
- }
794
- .vjs-menu li.vjs-selected .vjs-svg-icon,
795
- .vjs-menu li.vjs-selected:focus .vjs-svg-icon,
796
- .vjs-menu li.vjs-selected:hover .vjs-svg-icon,
797
- .js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
798
- fill: #000000;
799
- }
800
-
801
- .video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
802
- .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
803
- background: none;
804
- }
805
-
806
- .vjs-menu li.vjs-menu-title {
807
- text-align: center;
808
- text-transform: uppercase;
809
- font-size: 1em;
810
- line-height: 2em;
811
- padding: 0;
812
- margin: 0 0 0.3em 0;
813
- font-weight: bold;
814
- cursor: default;
815
- }
816
-
817
- .vjs-menu-button-popup .vjs-menu {
818
- display: none;
819
- position: absolute;
820
- bottom: 0;
821
- width: 10em;
822
- left: -3em;
823
- height: 0em;
824
- margin-bottom: 1.5em;
825
- border-top-color: rgba(43, 51, 63, 0.7);
826
- }
827
-
828
- .vjs-pip-window .vjs-menu-button-popup .vjs-menu {
829
- left: unset;
830
- right: 1em;
831
- }
832
-
833
- .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
834
- background-color: #2B333F;
835
- background-color: rgba(43, 51, 63, 0.7);
836
- position: absolute;
837
- width: 100%;
838
- bottom: 1.5em;
839
- max-height: 15em;
840
- }
841
-
842
- .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
843
- .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
844
- max-height: 5em;
845
- }
846
-
847
- .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
848
- max-height: 10em;
849
- }
850
-
851
- .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
852
- max-height: 14em;
853
- }
854
-
855
- .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
856
- .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
857
- .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
858
- max-height: 25em;
859
- }
860
-
861
- .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
862
- .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
863
- display: block;
864
- }
865
-
866
- .video-js .vjs-menu-button-inline {
867
- transition: all 0.4s;
868
- overflow: hidden;
869
- }
870
-
871
- .video-js .vjs-menu-button-inline:before {
872
- width: 2.222222222em;
873
- }
874
-
875
- .video-js .vjs-menu-button-inline:hover,
876
- .video-js .vjs-menu-button-inline:focus,
877
- .video-js .vjs-menu-button-inline.vjs-slider-active {
878
- width: 12em;
879
- }
880
-
881
- .vjs-menu-button-inline .vjs-menu {
882
- opacity: 0;
883
- height: 100%;
884
- width: auto;
885
- position: absolute;
886
- left: 4em;
887
- top: 0;
888
- padding: 0;
889
- margin: 0;
890
- transition: all 0.4s;
891
- }
892
-
893
- .vjs-menu-button-inline:hover .vjs-menu,
894
- .vjs-menu-button-inline:focus .vjs-menu,
895
- .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
896
- display: block;
897
- opacity: 1;
898
- }
899
-
900
- .vjs-menu-button-inline .vjs-menu-content {
901
- width: auto;
902
- height: 100%;
903
- margin: 0;
904
- overflow: hidden;
905
- }
906
-
907
- .video-js .vjs-control-bar {
908
- display: none;
909
- width: 100%;
910
- position: absolute;
911
- bottom: 0;
912
- left: 0;
913
- right: 0;
914
- height: 3em;
915
- background-color: #2B333F;
916
- background-color: rgba(43, 51, 63, 0.7);
917
- }
918
-
919
- .video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
920
- gap: 1px;
921
- }
922
-
923
- .video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
924
- display: flex !important;
925
- }
926
-
927
- .vjs-has-started .vjs-control-bar,
928
- .vjs-audio-only-mode .vjs-control-bar {
929
- display: flex;
930
- visibility: visible;
931
- opacity: 1;
932
- transition: visibility 0.1s, opacity 0.1s;
933
- }
934
-
935
- .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
936
- visibility: visible;
937
- opacity: 0;
938
- pointer-events: none;
939
- transition: visibility 1s, opacity 1s;
940
- }
941
-
942
- .vjs-controls-disabled .vjs-control-bar,
943
- .vjs-using-native-controls .vjs-control-bar,
944
- .vjs-error .vjs-control-bar {
945
- display: none !important;
946
- }
947
-
948
- .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
949
- .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
950
- opacity: 1;
951
- visibility: visible;
952
- pointer-events: auto;
953
- }
954
-
955
- .video-js .vjs-control {
956
- position: relative;
957
- text-align: center;
958
- margin: 0;
959
- padding: 0;
960
- height: 100%;
961
- width: 4em;
962
- flex: none;
963
- }
964
-
965
- .video-js .vjs-control.vjs-visible-text {
966
- width: auto;
967
- padding-left: 1em;
968
- padding-right: 1em;
969
- }
970
-
971
- .vjs-button > .vjs-icon-placeholder:before {
972
- font-size: 1.8em;
973
- line-height: 1.67;
974
- }
975
-
976
- .vjs-button > .vjs-icon-placeholder {
977
- display: block;
978
- }
979
-
980
- .vjs-button > .vjs-svg-icon {
981
- display: inline-block;
982
- }
983
-
984
- .video-js .vjs-control:focus:before,
985
- .video-js .vjs-control:hover:before,
986
- .video-js .vjs-control:focus {
987
- text-shadow: 0em 0em 1em white;
988
- }
989
-
990
- .video-js *:not(.vjs-visible-text) > .vjs-control-text {
991
- border: 0;
992
- clip: rect(0 0 0 0);
993
- height: 1px;
994
- overflow: hidden;
995
- padding: 0;
996
- position: absolute;
997
- width: 1px;
998
- }
999
-
1000
- .video-js .vjs-custom-control-spacer {
1001
- display: none;
1002
- }
1003
-
1004
- .video-js .vjs-progress-control {
1005
- cursor: pointer;
1006
- flex: auto;
1007
- display: flex;
1008
- align-items: center;
1009
- min-width: 4em;
1010
- touch-action: none;
1011
- }
1012
-
1013
- .video-js .vjs-progress-control.disabled {
1014
- cursor: default;
1015
- }
1016
-
1017
- .vjs-live .vjs-progress-control {
1018
- display: none;
1019
- }
1020
-
1021
- .vjs-liveui .vjs-progress-control {
1022
- display: flex;
1023
- align-items: center;
1024
- }
1025
-
1026
- .video-js .vjs-progress-holder {
1027
- flex: auto;
1028
- transition: all 0.2s;
1029
- height: 0.3em;
1030
- }
1031
-
1032
- .video-js .vjs-progress-control .vjs-progress-holder {
1033
- margin: 0 10px;
1034
- }
1035
-
1036
- .video-js .vjs-progress-control:hover .vjs-progress-holder {
1037
- font-size: 1.6666666667em;
1038
- }
1039
-
1040
- .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
1041
- font-size: 1em;
1042
- }
1043
-
1044
- .video-js .vjs-progress-holder .vjs-play-progress,
1045
- .video-js .vjs-progress-holder .vjs-load-progress,
1046
- .video-js .vjs-progress-holder .vjs-load-progress div {
1047
- position: absolute;
1048
- display: block;
1049
- height: 100%;
1050
- margin: 0;
1051
- padding: 0;
1052
- width: 0;
1053
- }
1054
-
1055
- .video-js .vjs-play-progress {
1056
- background-color: #fff;
1057
- }
1058
- .video-js .vjs-play-progress:before {
1059
- font-size: 0.9em;
1060
- position: absolute;
1061
- right: -0.5em;
1062
- line-height: 0.35em;
1063
- z-index: 1;
1064
- }
1065
-
1066
- .vjs-svg-icons-enabled .vjs-play-progress:before {
1067
- content: none !important;
1068
- }
1069
-
1070
- .vjs-play-progress .vjs-svg-icon {
1071
- position: absolute;
1072
- top: -0.35em;
1073
- right: -0.4em;
1074
- width: 0.9em;
1075
- height: 0.9em;
1076
- pointer-events: none;
1077
- line-height: 0.15em;
1078
- z-index: 1;
1079
- }
1080
-
1081
- .video-js .vjs-load-progress {
1082
- background: rgba(115, 133, 159, 0.5);
1083
- }
1084
-
1085
- .video-js .vjs-load-progress div {
1086
- background: rgba(115, 133, 159, 0.75);
1087
- }
1088
-
1089
- .video-js .vjs-time-tooltip {
1090
- background-color: #fff;
1091
- background-color: rgba(255, 255, 255, 0.8);
1092
- border-radius: 0.3em;
1093
- color: #000;
1094
- float: right;
1095
- font-family: Arial, Helvetica, sans-serif;
1096
- font-size: 1em;
1097
- padding: 6px 8px 8px 8px;
1098
- pointer-events: none;
1099
- position: absolute;
1100
- top: -3.4em;
1101
- visibility: hidden;
1102
- z-index: 1;
1103
- }
1104
-
1105
- .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
1106
- display: none;
1107
- }
1108
-
1109
- .video-js .vjs-progress-control:hover .vjs-time-tooltip,
1110
- .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
1111
- display: block;
1112
- font-size: 0.6em;
1113
- visibility: visible;
1114
- }
1115
-
1116
- .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
1117
- font-size: 1em;
1118
- }
1119
-
1120
- .video-js .vjs-progress-control .vjs-mouse-display {
1121
- display: none;
1122
- position: absolute;
1123
- width: 1px;
1124
- height: 100%;
1125
- background-color: #000;
1126
- z-index: 1;
1127
- }
1128
-
1129
- .video-js .vjs-progress-control:hover .vjs-mouse-display {
1130
- display: block;
1131
- }
1132
-
1133
- .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
1134
- visibility: hidden;
1135
- opacity: 0;
1136
- transition: visibility 1s, opacity 1s;
1137
- }
1138
-
1139
- .vjs-mouse-display .vjs-time-tooltip {
1140
- color: #fff;
1141
- background-color: #000;
1142
- background-color: rgba(0, 0, 0, 0.8);
1143
- }
1144
-
1145
- .video-js .vjs-slider {
1146
- position: relative;
1147
- cursor: pointer;
1148
- padding: 0;
1149
- margin: 0 0.45em 0 0.45em;
1150
- /* iOS Safari */
1151
- -webkit-touch-callout: none;
1152
- /* Safari, and Chrome 53 */
1153
- -webkit-user-select: none;
1154
- /* Non-prefixed version, currently supported by Chrome and Opera */
1155
- -moz-user-select: none;
1156
- user-select: none;
1157
- background-color: #73859f;
1158
- background-color: rgba(115, 133, 159, 0.5);
1159
- }
1160
-
1161
- .video-js .vjs-slider.disabled {
1162
- cursor: default;
1163
- }
1164
-
1165
- .video-js .vjs-slider:focus {
1166
- text-shadow: 0em 0em 1em white;
1167
- box-shadow: 0 0 1em #fff;
1168
- }
1169
-
1170
- .video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
1171
- outline: 0.0625em solid white;
1172
- }
1173
-
1174
- .video-js .vjs-mute-control {
1175
- cursor: pointer;
1176
- flex: none;
1177
- }
1178
- .video-js .vjs-volume-control {
1179
- cursor: pointer;
1180
- margin-right: 1em;
1181
- display: flex;
1182
- }
1183
-
1184
- .video-js .vjs-volume-control.vjs-volume-horizontal {
1185
- width: 5em;
1186
- }
1187
-
1188
- .video-js .vjs-volume-panel .vjs-volume-control {
1189
- visibility: visible;
1190
- opacity: 0;
1191
- width: 1px;
1192
- height: 1px;
1193
- margin-left: -1px;
1194
- }
1195
-
1196
- .video-js .vjs-volume-panel {
1197
- transition: width 1s;
1198
- }
1199
- .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
1200
- visibility: visible;
1201
- opacity: 1;
1202
- position: relative;
1203
- transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
1204
- }
1205
- .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
1206
- width: 5em;
1207
- height: 3em;
1208
- margin-right: 0;
1209
- }
1210
- .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
1211
- left: -3.5em;
1212
- transition: left 0s;
1213
- }
1214
- .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
1215
- width: 10em;
1216
- transition: width 0.1s;
1217
- }
1218
- .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
1219
- width: 4em;
1220
- }
1221
-
1222
- .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1223
- height: 8em;
1224
- width: 3em;
1225
- left: -3000em;
1226
- transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
1227
- }
1228
-
1229
- .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1230
- transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
1231
- }
1232
-
1233
- .video-js .vjs-volume-panel {
1234
- display: flex;
1235
- }
1236
-
1237
- .video-js .vjs-volume-bar {
1238
- margin: 1.35em 0.45em;
1239
- }
1240
-
1241
- .vjs-volume-bar.vjs-slider-horizontal {
1242
- width: 5em;
1243
- height: 0.3em;
1244
- }
1245
-
1246
- .vjs-volume-bar.vjs-slider-vertical {
1247
- width: 0.3em;
1248
- height: 5em;
1249
- margin: 1.35em auto;
1250
- }
1251
-
1252
- .video-js .vjs-volume-level {
1253
- position: absolute;
1254
- bottom: 0;
1255
- left: 0;
1256
- background-color: #fff;
1257
- }
1258
- .video-js .vjs-volume-level:before {
1259
- position: absolute;
1260
- font-size: 0.9em;
1261
- z-index: 1;
1262
- }
1263
-
1264
- .vjs-slider-vertical .vjs-volume-level {
1265
- width: 0.3em;
1266
- }
1267
- .vjs-slider-vertical .vjs-volume-level:before {
1268
- top: -0.5em;
1269
- left: -0.3em;
1270
- z-index: 1;
1271
- }
1272
-
1273
- .vjs-svg-icons-enabled .vjs-volume-level:before {
1274
- content: none;
1275
- }
1276
-
1277
- .vjs-volume-level .vjs-svg-icon {
1278
- position: absolute;
1279
- width: 0.9em;
1280
- height: 0.9em;
1281
- pointer-events: none;
1282
- z-index: 1;
1283
- }
1284
-
1285
- .vjs-slider-horizontal .vjs-volume-level {
1286
- height: 0.3em;
1287
- }
1288
- .vjs-slider-horizontal .vjs-volume-level:before {
1289
- line-height: 0.35em;
1290
- right: -0.5em;
1291
- }
1292
-
1293
- .vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
1294
- right: -0.3em;
1295
- transform: translateY(-50%);
1296
- }
1297
-
1298
- .vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
1299
- top: -0.55em;
1300
- transform: translateX(-50%);
1301
- }
1302
-
1303
- .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
1304
- width: 4em;
1305
- }
1306
-
1307
- .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
1308
- height: 100%;
1309
- }
1310
-
1311
- .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
1312
- width: 100%;
1313
- }
1314
-
1315
- .video-js .vjs-volume-vertical {
1316
- width: 3em;
1317
- height: 8em;
1318
- bottom: 8em;
1319
- background-color: #2B333F;
1320
- background-color: rgba(43, 51, 63, 0.7);
1321
- }
1322
-
1323
- .video-js .vjs-volume-horizontal .vjs-menu {
1324
- left: -2em;
1325
- }
1326
-
1327
- .video-js .vjs-volume-tooltip {
1328
- background-color: #fff;
1329
- background-color: rgba(255, 255, 255, 0.8);
1330
- border-radius: 0.3em;
1331
- color: #000;
1332
- float: right;
1333
- font-family: Arial, Helvetica, sans-serif;
1334
- font-size: 1em;
1335
- padding: 6px 8px 8px 8px;
1336
- pointer-events: none;
1337
- position: absolute;
1338
- top: -3.4em;
1339
- visibility: hidden;
1340
- z-index: 1;
1341
- }
1342
-
1343
- .video-js .vjs-volume-control:hover .vjs-volume-tooltip,
1344
- .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
1345
- display: block;
1346
- font-size: 1em;
1347
- visibility: visible;
1348
- }
1349
-
1350
- .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
1351
- .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
1352
- left: 1em;
1353
- top: -12px;
1354
- }
1355
-
1356
- .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
1357
- font-size: 1em;
1358
- }
1359
-
1360
- .video-js .vjs-volume-control .vjs-mouse-display {
1361
- display: none;
1362
- position: absolute;
1363
- width: 100%;
1364
- height: 1px;
1365
- background-color: #000;
1366
- z-index: 1;
1367
- }
1368
-
1369
- .video-js .vjs-volume-horizontal .vjs-mouse-display {
1370
- width: 1px;
1371
- height: 100%;
1372
- }
1373
-
1374
- .video-js .vjs-volume-control:hover .vjs-mouse-display {
1375
- display: block;
1376
- }
1377
-
1378
- .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
1379
- visibility: hidden;
1380
- opacity: 0;
1381
- transition: visibility 1s, opacity 1s;
1382
- }
1383
-
1384
- .vjs-mouse-display .vjs-volume-tooltip {
1385
- color: #fff;
1386
- background-color: #000;
1387
- background-color: rgba(0, 0, 0, 0.8);
1388
- }
1389
-
1390
- .vjs-poster {
1391
- display: inline-block;
1392
- vertical-align: middle;
1393
- cursor: pointer;
1394
- margin: 0;
1395
- padding: 0;
1396
- position: absolute;
1397
- top: 0;
1398
- right: 0;
1399
- bottom: 0;
1400
- left: 0;
1401
- height: 100%;
1402
- }
1403
-
1404
- .vjs-has-started .vjs-poster,
1405
- .vjs-using-native-controls .vjs-poster {
1406
- display: none;
1407
- }
1408
-
1409
- .vjs-audio.vjs-has-started .vjs-poster,
1410
- .vjs-has-started.vjs-audio-poster-mode .vjs-poster,
1411
- .vjs-pip-container.vjs-has-started .vjs-poster {
1412
- display: block;
1413
- }
1414
-
1415
- .vjs-poster img {
1416
- width: 100%;
1417
- height: 100%;
1418
- object-fit: contain;
1419
- }
1420
-
1421
- .video-js .vjs-live-control {
1422
- display: flex;
1423
- align-items: flex-start;
1424
- flex: auto;
1425
- font-size: 1em;
1426
- line-height: 3em;
1427
- }
1428
-
1429
- .video-js:not(.vjs-live) .vjs-live-control,
1430
- .video-js.vjs-liveui .vjs-live-control {
1431
- display: none;
1432
- }
1433
-
1434
- .video-js .vjs-seek-to-live-control {
1435
- align-items: center;
1436
- cursor: pointer;
1437
- flex: none;
1438
- display: inline-flex;
1439
- height: 100%;
1440
- padding-left: 0.5em;
1441
- padding-right: 0.5em;
1442
- font-size: 1em;
1443
- line-height: 3em;
1444
- width: auto;
1445
- min-width: 4em;
1446
- }
1447
-
1448
- .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
1449
- .video-js:not(.vjs-live) .vjs-seek-to-live-control {
1450
- display: none;
1451
- }
1452
-
1453
- .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
1454
- cursor: auto;
1455
- }
1456
-
1457
- .vjs-seek-to-live-control .vjs-icon-placeholder {
1458
- margin-right: 0.5em;
1459
- color: #888;
1460
- }
1461
-
1462
- .vjs-svg-icons-enabled .vjs-seek-to-live-control {
1463
- line-height: 0;
1464
- }
1465
-
1466
- .vjs-seek-to-live-control .vjs-svg-icon {
1467
- width: 1em;
1468
- height: 1em;
1469
- pointer-events: none;
1470
- fill: #888888;
1471
- }
1472
-
1473
- .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
1474
- color: red;
1475
- }
1476
-
1477
- .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
1478
- fill: red;
1479
- }
1480
-
1481
- .video-js .vjs-time-control {
1482
- flex: none;
1483
- font-size: 1em;
1484
- line-height: 3em;
1485
- min-width: 2em;
1486
- width: auto;
1487
- padding-left: 1em;
1488
- padding-right: 1em;
1489
- }
1490
-
1491
- .vjs-live .vjs-time-control,
1492
- .vjs-live .vjs-time-divider,
1493
- .video-js .vjs-current-time,
1494
- .video-js .vjs-duration {
1495
- display: none;
1496
- }
1497
-
1498
- .vjs-time-divider {
1499
- display: none;
1500
- line-height: 3em;
1501
- }
1502
-
1503
- .vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
1504
- display: flex;
1505
- }
1506
-
1507
- .video-js .vjs-play-control {
1508
- cursor: pointer;
1509
- }
1510
-
1511
- .video-js .vjs-play-control .vjs-icon-placeholder {
1512
- flex: none;
1513
- }
1514
-
1515
- .vjs-text-track-display {
1516
- position: absolute;
1517
- bottom: 3em;
1518
- left: 0;
1519
- right: 0;
1520
- top: 0;
1521
- pointer-events: none;
1522
- }
1523
-
1524
- .vjs-error .vjs-text-track-display {
1525
- display: none;
1526
- }
1527
-
1528
- .video-js.vjs-controls-disabled .vjs-text-track-display,
1529
- .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1530
- bottom: 1em;
1531
- }
1532
-
1533
- .video-js .vjs-text-track {
1534
- font-size: 1.4em;
1535
- text-align: center;
1536
- margin-bottom: 0.1em;
1537
- }
1538
-
1539
- .vjs-subtitles {
1540
- color: #fff;
1541
- }
1542
-
1543
- .vjs-captions {
1544
- color: #fc6;
1545
- }
1546
-
1547
- .vjs-tt-cue {
1548
- display: block;
1549
- }
1550
-
1551
- video::-webkit-media-text-track-display {
1552
- transform: translateY(-3em);
1553
- }
1554
-
1555
- .video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
1556
- .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
1557
- transform: translateY(-1.5em);
1558
- }
1559
-
1560
- .video-js.vjs-force-center-align-cues .vjs-text-track-cue {
1561
- text-align: center !important;
1562
- width: 80% !important;
1563
- }
1564
-
1565
- @supports not (inset: 10px) {
1566
- .video-js .vjs-text-track-display > div {
1567
- top: 0;
1568
- right: 0;
1569
- bottom: 0;
1570
- left: 0;
1571
- }
1572
- }
1573
- .video-js .vjs-picture-in-picture-control {
1574
- cursor: pointer;
1575
- flex: none;
1576
- }
1577
- .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
1578
- .vjs-pip-window .vjs-picture-in-picture-control {
1579
- display: none;
1580
- }
1581
-
1582
- .video-js .vjs-fullscreen-control {
1583
- cursor: pointer;
1584
- flex: none;
1585
- }
1586
- .video-js.vjs-audio-only-mode .vjs-fullscreen-control,
1587
- .vjs-pip-window .vjs-fullscreen-control {
1588
- display: none;
1589
- }
1590
-
1591
- .vjs-playback-rate > .vjs-menu-button,
1592
- .vjs-playback-rate .vjs-playback-rate-value {
1593
- position: absolute;
1594
- top: 0;
1595
- left: 0;
1596
- width: 100%;
1597
- height: 100%;
1598
- }
1599
-
1600
- .vjs-playback-rate .vjs-playback-rate-value {
1601
- pointer-events: none;
1602
- font-size: 1.5em;
1603
- line-height: 2;
1604
- text-align: center;
1605
- }
1606
-
1607
- .vjs-playback-rate .vjs-menu {
1608
- width: 4em;
1609
- left: 0em;
1610
- }
1611
-
1612
- .vjs-error .vjs-error-display .vjs-modal-dialog-content {
1613
- font-size: 1.4em;
1614
- text-align: center;
1615
- }
1616
-
1617
- .vjs-loading-spinner {
1618
- display: none;
1619
- position: absolute;
1620
- top: 50%;
1621
- left: 50%;
1622
- transform: translate(-50%, -50%);
1623
- opacity: 0.85;
1624
- text-align: left;
1625
- border: 0.6em solid rgba(43, 51, 63, 0.7);
1626
- box-sizing: border-box;
1627
- background-clip: padding-box;
1628
- width: 5em;
1629
- height: 5em;
1630
- border-radius: 50%;
1631
- visibility: hidden;
1632
- }
1633
-
1634
- .vjs-seeking .vjs-loading-spinner,
1635
- .vjs-waiting .vjs-loading-spinner {
1636
- display: flex;
1637
- justify-content: center;
1638
- align-items: center;
1639
- animation: vjs-spinner-show 0s linear 0.3s forwards;
1640
- }
1641
-
1642
- .vjs-error .vjs-loading-spinner {
1643
- display: none;
1644
- }
1645
-
1646
- .vjs-loading-spinner:before,
1647
- .vjs-loading-spinner:after {
1648
- content: "";
1649
- position: absolute;
1650
- box-sizing: inherit;
1651
- width: inherit;
1652
- height: inherit;
1653
- border-radius: inherit;
1654
- opacity: 1;
1655
- border: inherit;
1656
- border-color: transparent;
1657
- border-top-color: white;
1658
- }
1659
-
1660
- .vjs-seeking .vjs-loading-spinner:before,
1661
- .vjs-seeking .vjs-loading-spinner:after,
1662
- .vjs-waiting .vjs-loading-spinner:before,
1663
- .vjs-waiting .vjs-loading-spinner:after {
1664
- animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1665
- }
1666
-
1667
- .vjs-seeking .vjs-loading-spinner:before,
1668
- .vjs-waiting .vjs-loading-spinner:before {
1669
- border-top-color: rgb(255, 255, 255);
1670
- }
1671
-
1672
- .vjs-seeking .vjs-loading-spinner:after,
1673
- .vjs-waiting .vjs-loading-spinner:after {
1674
- border-top-color: rgb(255, 255, 255);
1675
- animation-delay: 0.44s;
1676
- }
1677
-
1678
- @keyframes vjs-spinner-show {
1679
- to {
1680
- visibility: visible;
1681
- }
1682
- }
1683
- @keyframes vjs-spinner-spin {
1684
- 100% {
1685
- transform: rotate(360deg);
1686
- }
1687
- }
1688
- @keyframes vjs-spinner-fade {
1689
- 0% {
1690
- border-top-color: #73859f;
1691
- }
1692
- 20% {
1693
- border-top-color: #73859f;
1694
- }
1695
- 35% {
1696
- border-top-color: white;
1697
- }
1698
- 60% {
1699
- border-top-color: #73859f;
1700
- }
1701
- 100% {
1702
- border-top-color: #73859f;
1703
- }
1704
- }
1705
- .video-js.vjs-audio-only-mode .vjs-captions-button {
1706
- display: none;
1707
- }
1708
-
1709
- .vjs-chapters-button .vjs-menu ul {
1710
- width: 24em;
1711
- }
1712
-
1713
- .video-js.vjs-audio-only-mode .vjs-descriptions-button {
1714
- display: none;
1715
- }
1716
-
1717
- .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
1718
- width: 1.5em;
1719
- height: 1.5em;
1720
- }
1721
-
1722
- .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1723
- vertical-align: middle;
1724
- display: inline-block;
1725
- margin-bottom: -0.1em;
1726
- }
1727
-
1728
- .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1729
- font-family: VideoJS;
1730
- content: "\f10c";
1731
- font-size: 1.5em;
1732
- line-height: inherit;
1733
- }
1734
-
1735
- .video-js.vjs-audio-only-mode .vjs-subs-caps-button {
1736
- display: none;
1737
- }
1738
-
1739
- .video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
1740
- .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1741
- vertical-align: middle;
1742
- display: inline-block;
1743
- margin-bottom: -0.1em;
1744
- }
1745
-
1746
- .video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
1747
- .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1748
- font-family: VideoJS;
1749
- content: " \f12e";
1750
- font-size: 1.5em;
1751
- line-height: inherit;
1752
- }
1753
-
1754
- .video-js.vjs-layout-small .vjs-current-time,
1755
- .video-js.vjs-layout-small .vjs-time-divider,
1756
- .video-js.vjs-layout-small .vjs-duration,
1757
- .video-js.vjs-layout-small .vjs-remaining-time,
1758
- .video-js.vjs-layout-small .vjs-playback-rate,
1759
- .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
1760
- .video-js.vjs-layout-x-small .vjs-time-divider,
1761
- .video-js.vjs-layout-x-small .vjs-duration,
1762
- .video-js.vjs-layout-x-small .vjs-remaining-time,
1763
- .video-js.vjs-layout-x-small .vjs-playback-rate,
1764
- .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
1765
- .video-js.vjs-layout-tiny .vjs-time-divider,
1766
- .video-js.vjs-layout-tiny .vjs-duration,
1767
- .video-js.vjs-layout-tiny .vjs-remaining-time,
1768
- .video-js.vjs-layout-tiny .vjs-playback-rate,
1769
- .video-js.vjs-layout-tiny .vjs-volume-control {
1770
- display: none;
1771
- }
1772
- .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
1773
- width: auto;
1774
- width: initial;
1775
- }
1776
- .video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
1777
- display: none;
1778
- }
1779
- .video-js.vjs-layout-x-small .vjs-custom-control-spacer {
1780
- flex: auto;
1781
- display: block;
1782
- }
1783
-
1784
- .vjs-modal-dialog.vjs-text-track-settings {
1785
- background-color: #2B333F;
1786
- background-color: rgba(43, 51, 63, 0.75);
1787
- color: #fff;
1788
- height: 70%;
1789
- }
1790
- .vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
1791
- height: 80%;
1792
- }
1793
-
1794
- .vjs-error .vjs-text-track-settings {
1795
- display: none;
1796
- }
1797
-
1798
- .vjs-text-track-settings .vjs-modal-dialog-content {
1799
- display: table;
1800
- }
1801
-
1802
- .vjs-text-track-settings .vjs-track-settings-colors,
1803
- .vjs-text-track-settings .vjs-track-settings-font,
1804
- .vjs-text-track-settings .vjs-track-settings-controls {
1805
- display: table-cell;
1806
- }
1807
-
1808
- .vjs-text-track-settings .vjs-track-settings-controls {
1809
- text-align: right;
1810
- vertical-align: bottom;
1811
- }
1812
-
1813
- @supports (display: grid) {
1814
- .vjs-text-track-settings .vjs-modal-dialog-content {
1815
- display: grid;
1816
- grid-template-columns: 1fr 1fr;
1817
- grid-template-rows: 1fr;
1818
- padding: 20px 24px 0px 24px;
1819
- }
1820
- .vjs-track-settings-controls .vjs-default-button {
1821
- margin-bottom: 20px;
1822
- }
1823
- .vjs-text-track-settings .vjs-track-settings-controls {
1824
- grid-column: 1/-1;
1825
- }
1826
- .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
1827
- .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
1828
- .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
1829
- grid-template-columns: 1fr;
1830
- }
1831
- }
1832
- .vjs-text-track-settings select {
1833
- font-size: inherit;
1834
- }
1835
-
1836
- .vjs-track-setting > select {
1837
- margin-right: 1em;
1838
- margin-bottom: 0.5em;
1839
- }
1840
-
1841
- .vjs-text-track-settings fieldset {
1842
- margin: 10px;
1843
- border: none;
1844
- }
1845
-
1846
- .vjs-text-track-settings fieldset span {
1847
- display: inline-block;
1848
- padding: 0 0.6em 0.8em;
1849
- }
1850
-
1851
- .vjs-text-track-settings fieldset span > select {
1852
- max-width: 7.3em;
1853
- }
1854
-
1855
- .vjs-text-track-settings legend {
1856
- color: #fff;
1857
- font-weight: bold;
1858
- font-size: 1.2em;
1859
- }
1860
-
1861
- .vjs-text-track-settings .vjs-label {
1862
- margin: 0 0.5em 0.5em 0;
1863
- }
1864
-
1865
- .vjs-track-settings-controls button:focus,
1866
- .vjs-track-settings-controls button:active {
1867
- outline-style: solid;
1868
- outline-width: medium;
1869
- background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
1870
- }
1871
-
1872
- .vjs-track-settings-controls button:hover {
1873
- color: rgba(43, 51, 63, 0.75);
1874
- }
1875
-
1876
- .vjs-track-settings-controls button {
1877
- background-color: #fff;
1878
- background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
1879
- color: #2B333F;
1880
- cursor: pointer;
1881
- border-radius: 2px;
1882
- }
1883
-
1884
- .vjs-track-settings-controls .vjs-default-button {
1885
- margin-right: 1em;
1886
- }
1887
-
1888
- .vjs-title-bar {
1889
- background: rgba(0, 0, 0, 0.9);
1890
- background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
1891
- font-size: 1.2em;
1892
- line-height: 1.5;
1893
- transition: opacity 0.1s;
1894
- padding: 0.666em 1.333em 4em;
1895
- pointer-events: none;
1896
- position: absolute;
1897
- top: 0;
1898
- width: 100%;
1899
- }
1900
-
1901
- .vjs-error .vjs-title-bar {
1902
- display: none;
1903
- }
1904
-
1905
- .vjs-title-bar-title,
1906
- .vjs-title-bar-description {
1907
- margin: 0;
1908
- overflow: hidden;
1909
- text-overflow: ellipsis;
1910
- white-space: nowrap;
1911
- }
1912
-
1913
- .vjs-title-bar-title {
1914
- font-weight: bold;
1915
- margin-bottom: 0.333em;
1916
- }
1917
-
1918
- .vjs-playing.vjs-user-inactive .vjs-title-bar {
1919
- opacity: 0;
1920
- transition: opacity 1s;
1921
- }
1922
-
1923
- .video-js .vjs-skip-forward-5 {
1924
- cursor: pointer;
1925
- }
1926
- .video-js .vjs-skip-forward-10 {
1927
- cursor: pointer;
1928
- }
1929
- .video-js .vjs-skip-forward-30 {
1930
- cursor: pointer;
1931
- }
1932
- .video-js .vjs-skip-backward-5 {
1933
- cursor: pointer;
1934
- }
1935
- .video-js .vjs-skip-backward-10 {
1936
- cursor: pointer;
1937
- }
1938
- .video-js .vjs-skip-backward-30 {
1939
- cursor: pointer;
1940
- }
1941
- .video-js .vjs-transient-button {
1942
- position: absolute;
1943
- height: 3em;
1944
- display: flex;
1945
- align-items: center;
1946
- justify-content: center;
1947
- background-color: rgba(50, 50, 50, 0.5);
1948
- cursor: pointer;
1949
- opacity: 1;
1950
- transition: opacity 1s;
1951
- }
1952
-
1953
- .video-js:not(.vjs-has-started) .vjs-transient-button {
1954
- display: none;
1955
- }
1956
-
1957
- .video-js.not-hover .vjs-transient-button:not(.force-display),
1958
- .video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
1959
- opacity: 0;
1960
- }
1961
-
1962
- .video-js .vjs-transient-button span {
1963
- padding: 0 0.5em;
1964
- }
1965
-
1966
- .video-js .vjs-transient-button.vjs-left {
1967
- left: 1em;
1968
- }
1969
-
1970
- .video-js .vjs-transient-button.vjs-right {
1971
- right: 1em;
1972
- }
1973
-
1974
- .video-js .vjs-transient-button.vjs-top {
1975
- top: 1em;
1976
- }
1977
-
1978
- .video-js .vjs-transient-button.vjs-near-top {
1979
- top: 4em;
1980
- }
1981
-
1982
- .video-js .vjs-transient-button.vjs-bottom {
1983
- bottom: 4em;
1984
- }
1985
-
1986
- .video-js .vjs-transient-button:hover {
1987
- background-color: rgba(50, 50, 50, 0.9);
1988
- }
1989
-
1990
- @media print {
1991
- .video-js > *:not(.vjs-tech):not(.vjs-poster) {
1992
- visibility: hidden;
1993
- }
1994
- }
1995
- .vjs-resize-manager {
1996
- position: absolute;
1997
- top: 0;
1998
- left: 0;
1999
- width: 100%;
2000
- height: 100%;
2001
- border: none;
2002
- z-index: -1000;
2003
- }
2004
-
2005
- .js-focus-visible .video-js *:focus:not(.focus-visible) {
2006
- outline: none;
2007
- }
2008
-
2009
- .video-js *:focus:not(:focus-visible) {
2010
- outline: none;
2011
- }
2012
-