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,1686 +0,0 @@
1
- /**
2
- * @license
3
- * Video.js 8.6.1 <http://videojs.com/>
4
- * Copyright Brightcove, Inc. <https://www.brightcove.com/>
5
- * Available under Apache License Version 2.0
6
- * <https://github.com/videojs/video.js/blob/main/LICENSE>
7
- *
8
- * Includes vtt.js <https://github.com/mozilla/vtt.js>
9
- * Available under Apache License Version 2.0
10
- * <https://github.com/mozilla/vtt.js/blob/main/LICENSE>
11
- */
12
-
13
- @charset "UTF-8";
14
- .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 {
15
- position: absolute;
16
- top: 0;
17
- left: 0;
18
- width: 100%;
19
- height: 100%;
20
- }
21
-
22
- @font-face {
23
- font-family: VideoJS;
24
- src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
25
- font-weight: normal;
26
- font-style: normal;
27
- }
28
-
29
-
30
- .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
31
- text-align: center;
32
- }
33
-
34
-
35
- .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
36
- font-family: VideoJS;
37
- font-weight: normal;
38
- font-style: normal;
39
- }
40
- .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
41
- content: "\f101";
42
- }
43
-
44
- .vjs-icon-play-circle {
45
- font-family: VideoJS;
46
- font-weight: normal;
47
- font-style: normal;
48
- }
49
- .vjs-icon-play-circle:before {
50
- content: "\f102";
51
- }
52
-
53
- .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
54
- font-family: VideoJS;
55
- font-weight: normal;
56
- font-style: normal;
57
- }
58
- .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
59
- content: "\f103";
60
- }
61
-
62
- .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
63
- font-family: VideoJS;
64
- font-weight: normal;
65
- font-style: normal;
66
- }
67
- .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
68
- content: "\f104";
69
- }
70
-
71
- .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
72
- font-family: VideoJS;
73
- font-weight: normal;
74
- font-style: normal;
75
- }
76
- .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
77
- content: "\f105";
78
- }
79
-
80
- .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
81
- font-family: VideoJS;
82
- font-weight: normal;
83
- font-style: normal;
84
- }
85
- .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
86
- content: "\f106";
87
- }
88
-
89
- .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
90
- font-family: VideoJS;
91
- font-weight: normal;
92
- font-style: normal;
93
- }
94
- .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
95
- content: "\f107";
96
- }
97
-
98
- .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
99
- font-family: VideoJS;
100
- font-weight: normal;
101
- font-style: normal;
102
- }
103
- .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
104
- content: "\f108";
105
- }
106
-
107
- .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
108
- font-family: VideoJS;
109
- font-weight: normal;
110
- font-style: normal;
111
- }
112
- .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
113
- content: "\f109";
114
- }
115
-
116
- .vjs-icon-square {
117
- font-family: VideoJS;
118
- font-weight: normal;
119
- font-style: normal;
120
- }
121
- .vjs-icon-square:before {
122
- content: "\f10a";
123
- }
124
-
125
- .vjs-icon-spinner {
126
- font-family: VideoJS;
127
- font-weight: normal;
128
- font-style: normal;
129
- }
130
- .vjs-icon-spinner:before {
131
- content: "\f10b";
132
- }
133
-
134
- .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
135
- .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
136
- .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
137
- .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
138
- .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
139
- font-family: VideoJS;
140
- font-weight: normal;
141
- font-style: normal;
142
- }
143
- .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
144
- .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
145
- .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
146
- .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
147
- .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
148
- content: "\f10c";
149
- }
150
-
151
- .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
152
- .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
153
- font-family: VideoJS;
154
- font-weight: normal;
155
- font-style: normal;
156
- }
157
- .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
158
- .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
159
- content: "\f10d";
160
- }
161
-
162
- .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
163
- font-family: VideoJS;
164
- font-weight: normal;
165
- font-style: normal;
166
- }
167
- .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
168
- content: "\f10e";
169
- }
170
-
171
- .vjs-icon-share {
172
- font-family: VideoJS;
173
- font-weight: normal;
174
- font-style: normal;
175
- }
176
- .vjs-icon-share:before {
177
- content: "\f10f";
178
- }
179
-
180
- .vjs-icon-cog {
181
- font-family: VideoJS;
182
- font-weight: normal;
183
- font-style: normal;
184
- }
185
- .vjs-icon-cog:before {
186
- content: "\f110";
187
- }
188
-
189
- .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
190
- font-family: VideoJS;
191
- font-weight: normal;
192
- font-style: normal;
193
- }
194
- .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 {
195
- content: "\f111";
196
- }
197
-
198
- .vjs-icon-circle-outline {
199
- font-family: VideoJS;
200
- font-weight: normal;
201
- font-style: normal;
202
- }
203
- .vjs-icon-circle-outline:before {
204
- content: "\f112";
205
- }
206
-
207
- .vjs-icon-circle-inner-circle {
208
- font-family: VideoJS;
209
- font-weight: normal;
210
- font-style: normal;
211
- }
212
- .vjs-icon-circle-inner-circle:before {
213
- content: "\f113";
214
- }
215
-
216
- .vjs-icon-hd {
217
- font-family: VideoJS;
218
- font-weight: normal;
219
- font-style: normal;
220
- }
221
- .vjs-icon-hd:before {
222
- content: "\f114";
223
- }
224
-
225
- .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
226
- font-family: VideoJS;
227
- font-weight: normal;
228
- font-style: normal;
229
- }
230
- .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
231
- content: "\f115";
232
- }
233
-
234
- .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
235
- font-family: VideoJS;
236
- font-weight: normal;
237
- font-style: normal;
238
- }
239
- .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
240
- content: "\f116";
241
- }
242
-
243
- .vjs-icon-facebook {
244
- font-family: VideoJS;
245
- font-weight: normal;
246
- font-style: normal;
247
- }
248
- .vjs-icon-facebook:before {
249
- content: "\f117";
250
- }
251
-
252
- .vjs-icon-gplus {
253
- font-family: VideoJS;
254
- font-weight: normal;
255
- font-style: normal;
256
- }
257
- .vjs-icon-gplus:before {
258
- content: "\f118";
259
- }
260
-
261
- .vjs-icon-linkedin {
262
- font-family: VideoJS;
263
- font-weight: normal;
264
- font-style: normal;
265
- }
266
- .vjs-icon-linkedin:before {
267
- content: "\f119";
268
- }
269
-
270
- .vjs-icon-twitter {
271
- font-family: VideoJS;
272
- font-weight: normal;
273
- font-style: normal;
274
- }
275
- .vjs-icon-twitter:before {
276
- content: "\f11a";
277
- }
278
-
279
- .vjs-icon-tumblr {
280
- font-family: VideoJS;
281
- font-weight: normal;
282
- font-style: normal;
283
- }
284
- .vjs-icon-tumblr:before {
285
- content: "\f11b";
286
- }
287
-
288
- .vjs-icon-pinterest {
289
- font-family: VideoJS;
290
- font-weight: normal;
291
- font-style: normal;
292
- }
293
- .vjs-icon-pinterest:before {
294
- content: "\f11c";
295
- }
296
-
297
- .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
298
- font-family: VideoJS;
299
- font-weight: normal;
300
- font-style: normal;
301
- }
302
- .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
303
- content: "\f11d";
304
- }
305
-
306
- .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
307
- font-family: VideoJS;
308
- font-weight: normal;
309
- font-style: normal;
310
- }
311
- .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
312
- content: "\f11e";
313
- }
314
-
315
- .vjs-icon-next-item {
316
- font-family: VideoJS;
317
- font-weight: normal;
318
- font-style: normal;
319
- }
320
- .vjs-icon-next-item:before {
321
- content: "\f11f";
322
- }
323
-
324
- .vjs-icon-previous-item {
325
- font-family: VideoJS;
326
- font-weight: normal;
327
- font-style: normal;
328
- }
329
- .vjs-icon-previous-item:before {
330
- content: "\f120";
331
- }
332
-
333
- .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
334
- font-family: VideoJS;
335
- font-weight: normal;
336
- font-style: normal;
337
- }
338
- .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
339
- content: "\f121";
340
- }
341
-
342
- .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
343
- font-family: VideoJS;
344
- font-weight: normal;
345
- font-style: normal;
346
- }
347
- .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
348
- content: "\f122";
349
- }
350
-
351
- .video-js {
352
- display: block;
353
- vertical-align: top;
354
- box-sizing: border-box;
355
- color: #fff;
356
- background-color: #000;
357
- position: relative;
358
- padding: 0;
359
- font-size: 10px;
360
- line-height: 1;
361
- font-weight: normal;
362
- font-style: normal;
363
- font-family: Arial, Helvetica, sans-serif;
364
- word-break: initial;
365
- }
366
- .video-js:-moz-full-screen {
367
- position: absolute;
368
- }
369
- .video-js:-webkit-full-screen {
370
- width: 100% !important;
371
- height: 100% !important;
372
- }
373
-
374
- .video-js[tabindex="-1"] {
375
- outline: none;
376
- }
377
-
378
- .video-js *,
379
- .video-js *:before,
380
- .video-js *:after {
381
- box-sizing: inherit;
382
- }
383
-
384
- .video-js ul {
385
- font-family: inherit;
386
- font-size: inherit;
387
- line-height: inherit;
388
- list-style-position: outside;
389
- margin-left: 0;
390
- margin-right: 0;
391
- margin-top: 0;
392
- margin-bottom: 0;
393
- }
394
-
395
- .video-js.vjs-fluid,
396
- .video-js.vjs-16-9,
397
- .video-js.vjs-4-3 {
398
- width: 100%;
399
- max-width: 100%;
400
- height: 0;
401
- }
402
-
403
- .video-js.vjs-16-9 {
404
- padding-top: 56.25%;
405
- }
406
-
407
- .video-js.vjs-4-3 {
408
- padding-top: 75%;
409
- }
410
-
411
- .video-js.vjs-fill {
412
- width: 100%;
413
- height: 100%;
414
- }
415
-
416
- /* jadams, 2025-07-04: corrected height by 1 pixel */
417
- .video-js .vjs-tech {
418
- position: absolute;
419
- top: 0;
420
- left: 0;
421
- width: 100%;
422
- /* height: 100%; */
423
- height: calc(100% - 1px);
424
- }
425
-
426
- body.vjs-full-window {
427
- padding: 0;
428
- margin: 0;
429
- height: 100%;
430
- }
431
-
432
- .vjs-full-window .video-js.vjs-fullscreen {
433
- position: fixed;
434
- overflow: hidden;
435
- z-index: 1000;
436
- left: 0;
437
- top: 0;
438
- bottom: 0;
439
- right: 0;
440
- }
441
-
442
- .video-js.vjs-fullscreen {
443
- width: 100% !important;
444
- height: 100% !important;
445
- padding-top: 0 !important;
446
- }
447
-
448
- .video-js.vjs-fullscreen.vjs-user-inactive {
449
- cursor: none;
450
- }
451
-
452
- .vjs-hidden {
453
- display: none !important;
454
- }
455
-
456
- .vjs-disabled {
457
- opacity: 0.5;
458
- cursor: default;
459
- }
460
-
461
- .video-js .vjs-offscreen {
462
- height: 1px;
463
- left: -9999px;
464
- position: absolute;
465
- top: 0;
466
- width: 1px;
467
- }
468
-
469
- .vjs-lock-showing {
470
- display: block !important;
471
- opacity: 1;
472
- visibility: visible;
473
- }
474
-
475
- .vjs-no-js {
476
- padding: 20px;
477
- color: #fff;
478
- background-color: #000;
479
- font-size: 18px;
480
- font-family: Arial, Helvetica, sans-serif;
481
- text-align: center;
482
- width: 300px;
483
- height: 150px;
484
- margin: 0px auto;
485
- }
486
-
487
- .vjs-no-js a,
488
- .vjs-no-js a:visited {
489
- color: #66A8CC;
490
- }
491
-
492
- .video-js .vjs-big-play-button {
493
- font-size: 3em;
494
- line-height: 1.5em;
495
- height: 1.63332em;
496
- width: 3em;
497
- display: block;
498
- position: absolute;
499
- left: 50%;
500
- top: 50%;
501
- width: 68px;
502
- height: 48px;
503
- margin-left: -34px;
504
- margin-top: -24px;
505
- padding: 0;
506
- cursor: pointer;
507
- opacity: 1;
508
- /* border-radius: 0.3em; */
509
- /* border: 0.06666em solid #fff; */
510
- /* background-color: rgba(43, 51, 63, 0.7); */
511
- background-color: #2B333F;
512
- transition: all 0.4s;
513
- }
514
-
515
- .vjs-big-play-centered .vjs-big-play-button {
516
- top: 50%;
517
- left: 50%;
518
- margin-top: -0.81666em;
519
- margin-left: -1.5em;
520
- }
521
-
522
- .video-js:hover .vjs-big-play-button,
523
- .video-js .vjs-big-play-button:focus {
524
- /* border-color: #fff; */
525
- /* background-color: rgba(115, 133, 159, 0.5); */
526
- background-color: #73859f;
527
- transition: all 0s;
528
- }
529
-
530
- .vjs-controls-disabled .vjs-big-play-button,
531
- .vjs-has-started .vjs-big-play-button,
532
- .vjs-using-native-controls .vjs-big-play-button,
533
- .vjs-error .vjs-big-play-button {
534
- display: none;
535
- }
536
-
537
- .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
538
- display: block;
539
- }
540
-
541
- .video-js button {
542
- background: none;
543
- border: none;
544
- color: inherit;
545
- display: inline-block;
546
- font-size: inherit;
547
- line-height: inherit;
548
- text-transform: none;
549
- text-decoration: none;
550
- transition: none;
551
- -webkit-appearance: none;
552
- -moz-appearance: none;
553
- appearance: none;
554
- }
555
-
556
- .vjs-control .vjs-button {
557
- width: 100%;
558
- height: 100%;
559
- }
560
-
561
- .video-js .vjs-control.vjs-close-button {
562
- cursor: pointer;
563
- height: 3em;
564
- position: absolute;
565
- right: 0;
566
- top: 0.5em;
567
- z-index: 2;
568
- }
569
- .video-js .vjs-modal-dialog {
570
- background: rgba(0, 0, 0, 0.8);
571
- background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
572
- overflow: auto;
573
- }
574
-
575
- .video-js .vjs-modal-dialog > * {
576
- box-sizing: border-box;
577
- }
578
-
579
- .vjs-modal-dialog .vjs-modal-dialog-content {
580
- font-size: 1.2em;
581
- line-height: 1.5;
582
- padding: 20px 24px;
583
- z-index: 1;
584
- }
585
-
586
- .vjs-menu-button {
587
- cursor: pointer;
588
- }
589
-
590
- .vjs-menu-button.vjs-disabled {
591
- cursor: default;
592
- }
593
-
594
- .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
595
- display: none;
596
- }
597
-
598
- .vjs-menu .vjs-menu-content {
599
- display: block;
600
- padding: 0;
601
- margin: 0;
602
- font-family: Arial, Helvetica, sans-serif;
603
- overflow: auto;
604
- }
605
-
606
- .vjs-menu .vjs-menu-content > * {
607
- box-sizing: border-box;
608
- }
609
-
610
- .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
611
- display: none;
612
- }
613
-
614
- .vjs-menu li {
615
- list-style: none;
616
- margin: 0;
617
- padding: 0.2em 0;
618
- line-height: 1.4em;
619
- font-size: 1.2em;
620
- text-align: center;
621
- text-transform: lowercase;
622
- }
623
-
624
- .vjs-menu li.vjs-menu-item:focus,
625
- .vjs-menu li.vjs-menu-item:hover,
626
- .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
627
- background-color: #73859f;
628
- background-color: rgba(115, 133, 159, 0.5);
629
- }
630
-
631
- .vjs-menu li.vjs-selected,
632
- .vjs-menu li.vjs-selected:focus,
633
- .vjs-menu li.vjs-selected:hover,
634
- .js-focus-visible .vjs-menu li.vjs-selected:hover {
635
- background-color: #fff;
636
- color: #2B333F;
637
- }
638
-
639
- .vjs-menu li.vjs-menu-title {
640
- text-align: center;
641
- text-transform: uppercase;
642
- font-size: 1em;
643
- line-height: 2em;
644
- padding: 0;
645
- margin: 0 0 0.3em 0;
646
- font-weight: bold;
647
- cursor: default;
648
- }
649
-
650
- .vjs-menu-button-popup .vjs-menu {
651
- display: none;
652
- position: absolute;
653
- bottom: 0;
654
- width: 10em;
655
- left: -3em;
656
- height: 0em;
657
- margin-bottom: 1.5em;
658
- border-top-color: rgba(43, 51, 63, 0.7);
659
- }
660
-
661
- .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
662
- background-color: #2B333F;
663
- background-color: rgba(43, 51, 63, 0.7);
664
- position: absolute;
665
- width: 100%;
666
- bottom: 1.5em;
667
- max-height: 15em;
668
- }
669
-
670
- .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
671
- .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
672
- max-height: 5em;
673
- }
674
-
675
- .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
676
- max-height: 10em;
677
- }
678
-
679
- .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
680
- max-height: 14em;
681
- }
682
-
683
- .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
684
- .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
685
- .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
686
- max-height: 25em;
687
- }
688
-
689
- .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
690
- .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
691
- display: block;
692
- }
693
-
694
- .video-js .vjs-menu-button-inline {
695
- transition: all 0.4s;
696
- overflow: hidden;
697
- }
698
-
699
- .video-js .vjs-menu-button-inline:before {
700
- width: 2.222222222em;
701
- }
702
-
703
- .video-js .vjs-menu-button-inline:hover,
704
- .video-js .vjs-menu-button-inline:focus,
705
- .video-js .vjs-menu-button-inline.vjs-slider-active,
706
- .video-js.vjs-no-flex .vjs-menu-button-inline {
707
- width: 12em;
708
- }
709
-
710
- .vjs-menu-button-inline .vjs-menu {
711
- opacity: 0;
712
- height: 100%;
713
- width: auto;
714
- position: absolute;
715
- left: 4em;
716
- top: 0;
717
- padding: 0;
718
- margin: 0;
719
- transition: all 0.4s;
720
- }
721
-
722
- .vjs-menu-button-inline:hover .vjs-menu,
723
- .vjs-menu-button-inline:focus .vjs-menu,
724
- .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
725
- display: block;
726
- opacity: 1;
727
- }
728
-
729
- .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
730
- display: block;
731
- opacity: 1;
732
- position: relative;
733
- width: auto;
734
- }
735
-
736
- .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
737
- .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
738
- .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
739
- width: auto;
740
- }
741
-
742
- .vjs-menu-button-inline .vjs-menu-content {
743
- width: auto;
744
- height: 100%;
745
- margin: 0;
746
- overflow: hidden;
747
- }
748
-
749
- .video-js .vjs-control-bar {
750
- display: none;
751
- width: 100%;
752
- position: absolute;
753
- top: 0;
754
- bottom: 0;
755
- left: 0;
756
- right: 0;
757
- height: 3em;
758
- background-color: #2B333F;
759
- background-color: rgba(43, 51, 63, 0.7);
760
- }
761
-
762
- .vjs-has-started .vjs-control-bar {
763
- display: flex;
764
- visibility: visible;
765
- opacity: 1;
766
- transition: visibility 0.1s, opacity 0.1s;
767
- }
768
-
769
- .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
770
- visibility: visible;
771
- opacity: 0;
772
- transition: visibility 1s, opacity 1s;
773
- }
774
-
775
- .vjs-controls-disabled .vjs-control-bar,
776
- .vjs-using-native-controls .vjs-control-bar,
777
- .vjs-error .vjs-control-bar {
778
- display: none !important;
779
- }
780
-
781
- .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
782
- opacity: 1;
783
- visibility: visible;
784
- }
785
-
786
- .vjs-has-started.vjs-no-flex .vjs-control-bar {
787
- display: table;
788
- }
789
-
790
- .video-js .vjs-control {
791
- position: relative;
792
- text-align: center;
793
- margin: 0;
794
- padding: 0;
795
- height: 100%;
796
- width: 4em;
797
- flex: none;
798
- }
799
-
800
- .vjs-button > .vjs-icon-placeholder:before {
801
- font-size: 1.8em;
802
- line-height: 1.67;
803
- }
804
-
805
- .video-js .vjs-control:focus:before,
806
- .video-js .vjs-control:hover:before,
807
- .video-js .vjs-control:focus {
808
- text-shadow: 0em 0em 1em white;
809
- }
810
-
811
- .video-js .vjs-control-text {
812
- border: 0;
813
- clip: rect(0 0 0 0);
814
- height: 1px;
815
- overflow: hidden;
816
- padding: 0;
817
- position: absolute;
818
- width: 1px;
819
- }
820
-
821
- .vjs-no-flex .vjs-control {
822
- display: table-cell;
823
- vertical-align: middle;
824
- }
825
-
826
- .video-js .vjs-custom-control-spacer {
827
- display: none;
828
- }
829
-
830
- .video-js .vjs-progress-control {
831
- cursor: pointer;
832
- flex: auto;
833
- display: flex;
834
- align-items: center;
835
- min-width: 4em;
836
- touch-action: none;
837
- }
838
-
839
- .video-js .vjs-progress-control.disabled {
840
- cursor: default;
841
- }
842
-
843
- .vjs-live .vjs-progress-control {
844
- display: none;
845
- }
846
-
847
- .vjs-liveui .vjs-progress-control {
848
- display: flex;
849
- align-items: center;
850
- }
851
-
852
- .vjs-no-flex .vjs-progress-control {
853
- width: auto;
854
- }
855
-
856
- .video-js .vjs-progress-holder {
857
- flex: auto;
858
- transition: all 0.2s;
859
- height: 0.3em;
860
- }
861
-
862
- .video-js .vjs-progress-control .vjs-progress-holder {
863
- margin: 0 10px;
864
- }
865
-
866
- .video-js .vjs-progress-control:hover .vjs-progress-holder {
867
- font-size: 1.6666666667em;
868
- }
869
-
870
- .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
871
- font-size: 1em;
872
- }
873
-
874
- .video-js .vjs-progress-holder .vjs-play-progress,
875
- .video-js .vjs-progress-holder .vjs-load-progress,
876
- .video-js .vjs-progress-holder .vjs-load-progress div {
877
- position: absolute;
878
- display: block;
879
- height: 100%;
880
- margin: 0;
881
- padding: 0;
882
- width: 0;
883
- }
884
-
885
- .video-js .vjs-play-progress {
886
- background-color: #fff;
887
- }
888
- .video-js .vjs-play-progress:before {
889
- font-size: 0.9em;
890
- position: absolute;
891
- right: -0.5em;
892
- top: -0.3333333333em;
893
- z-index: 1;
894
- }
895
-
896
- .video-js .vjs-load-progress {
897
- background: rgba(115, 133, 159, 0.5);
898
- }
899
-
900
- .video-js .vjs-load-progress div {
901
- background: rgba(115, 133, 159, 0.75);
902
- }
903
-
904
- .video-js .vjs-time-tooltip {
905
- background-color: #fff;
906
- background-color: rgba(255, 255, 255, 0.8);
907
- border-radius: 0.3em;
908
- color: #000;
909
- float: right;
910
- font-family: Arial, Helvetica, sans-serif;
911
- font-size: 1em;
912
- padding: 6px 8px 8px 8px;
913
- pointer-events: none;
914
- position: absolute;
915
- top: -3.4em;
916
- visibility: hidden;
917
- z-index: 1;
918
- }
919
-
920
- .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
921
- display: none;
922
- }
923
-
924
- .video-js .vjs-progress-control:hover .vjs-time-tooltip,
925
- .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
926
- display: block;
927
- font-size: 0.6em;
928
- visibility: visible;
929
- }
930
-
931
- .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
932
- font-size: 1em;
933
- }
934
-
935
- .video-js .vjs-progress-control .vjs-mouse-display {
936
- display: none;
937
- position: absolute;
938
- width: 1px;
939
- height: 100%;
940
- background-color: #000;
941
- z-index: 1;
942
- }
943
-
944
- .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
945
- z-index: 0;
946
- }
947
-
948
- .video-js .vjs-progress-control:hover .vjs-mouse-display {
949
- display: block;
950
- }
951
-
952
- .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
953
- visibility: hidden;
954
- opacity: 0;
955
- transition: visibility 1s, opacity 1s;
956
- }
957
-
958
- .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
959
- display: none;
960
- }
961
-
962
- .vjs-mouse-display .vjs-time-tooltip {
963
- color: #fff;
964
- background-color: #000;
965
- background-color: rgba(0, 0, 0, 0.8);
966
- }
967
-
968
- .video-js .vjs-slider {
969
- position: relative;
970
- cursor: pointer;
971
- padding: 0;
972
- margin: 0 0.45em 0 0.45em;
973
- /* iOS Safari */
974
- -webkit-touch-callout: none;
975
- /* Safari */
976
- -webkit-user-select: none;
977
- /* Konqueror HTML */
978
- /* Firefox */
979
- -moz-user-select: none;
980
- /* Internet Explorer/Edge */
981
- -ms-user-select: none;
982
- /* Non-prefixed version, currently supported by Chrome and Opera */
983
- user-select: none;
984
- background-color: #73859f;
985
- background-color: rgba(115, 133, 159, 0.5);
986
- }
987
-
988
- .video-js .vjs-slider.disabled {
989
- cursor: default;
990
- }
991
-
992
- .video-js .vjs-slider:focus {
993
- text-shadow: 0em 0em 1em white;
994
- box-shadow: 0 0 1em #fff;
995
- }
996
-
997
- .video-js .vjs-mute-control {
998
- cursor: pointer;
999
- flex: none;
1000
- }
1001
- .video-js .vjs-volume-control {
1002
- cursor: pointer;
1003
- margin-right: 1em;
1004
- display: flex;
1005
- }
1006
-
1007
- .video-js .vjs-volume-control.vjs-volume-horizontal {
1008
- width: 5em;
1009
- }
1010
-
1011
- .video-js .vjs-volume-panel .vjs-volume-control {
1012
- visibility: visible;
1013
- opacity: 0;
1014
- width: 1px;
1015
- height: 1px;
1016
- margin-left: -1px;
1017
- }
1018
-
1019
- .video-js .vjs-volume-panel {
1020
- transition: width 1s;
1021
- }
1022
- .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 {
1023
- visibility: visible;
1024
- opacity: 1;
1025
- position: relative;
1026
- transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
1027
- }
1028
- .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 {
1029
- width: 5em;
1030
- height: 3em;
1031
- margin-right: 0;
1032
- }
1033
- .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 {
1034
- left: -3.5em;
1035
- transition: left 0s;
1036
- }
1037
- .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 {
1038
- width: 10em;
1039
- transition: width 0.1s;
1040
- }
1041
- .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
1042
- width: 4em;
1043
- }
1044
-
1045
- .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1046
- height: 8em;
1047
- width: 3em;
1048
- left: -3000em;
1049
- transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
1050
- }
1051
-
1052
- .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1053
- transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
1054
- }
1055
-
1056
- .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1057
- width: 5em;
1058
- height: 3em;
1059
- visibility: visible;
1060
- opacity: 1;
1061
- position: relative;
1062
- transition: none;
1063
- }
1064
-
1065
- .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
1066
- .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1067
- position: absolute;
1068
- bottom: 3em;
1069
- left: 0.5em;
1070
- }
1071
-
1072
- .video-js .vjs-volume-panel {
1073
- display: flex;
1074
- }
1075
-
1076
- .video-js .vjs-volume-bar {
1077
- margin: 1.35em 0.45em;
1078
- }
1079
-
1080
- .vjs-volume-bar.vjs-slider-horizontal {
1081
- width: 5em;
1082
- height: 0.3em;
1083
- }
1084
-
1085
- .vjs-volume-bar.vjs-slider-vertical {
1086
- width: 0.3em;
1087
- height: 5em;
1088
- margin: 1.35em auto;
1089
- }
1090
-
1091
- .video-js .vjs-volume-level {
1092
- position: absolute;
1093
- bottom: 0;
1094
- left: 0;
1095
- background-color: #fff;
1096
- }
1097
- .video-js .vjs-volume-level:before {
1098
- position: absolute;
1099
- font-size: 0.9em;
1100
- }
1101
-
1102
- .vjs-slider-vertical .vjs-volume-level {
1103
- width: 0.3em;
1104
- }
1105
- .vjs-slider-vertical .vjs-volume-level:before {
1106
- top: -0.5em;
1107
- left: -0.3em;
1108
- }
1109
-
1110
- .vjs-slider-horizontal .vjs-volume-level {
1111
- height: 0.3em;
1112
- }
1113
- .vjs-slider-horizontal .vjs-volume-level:before {
1114
- top: -0.3em;
1115
- right: -0.5em;
1116
- }
1117
-
1118
- .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
1119
- width: 4em;
1120
- }
1121
-
1122
- .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
1123
- height: 100%;
1124
- }
1125
-
1126
- .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
1127
- width: 100%;
1128
- }
1129
-
1130
- .video-js .vjs-volume-vertical {
1131
- width: 3em;
1132
- height: 8em;
1133
- bottom: 8em;
1134
- background-color: #2B333F;
1135
- background-color: rgba(43, 51, 63, 0.7);
1136
- }
1137
-
1138
- .video-js .vjs-volume-horizontal .vjs-menu {
1139
- left: -2em;
1140
- }
1141
-
1142
- .vjs-poster {
1143
- display: inline-block;
1144
- vertical-align: middle;
1145
- background-repeat: no-repeat;
1146
- background-position: 50% 50%;
1147
- background-size: contain;
1148
- background-color: #000000;
1149
- cursor: pointer;
1150
- margin: 0;
1151
- padding: 0;
1152
- position: absolute;
1153
- top: 0;
1154
- right: 0;
1155
- bottom: 0;
1156
- left: 0;
1157
- height: 100%;
1158
- }
1159
-
1160
- .vjs-has-started .vjs-poster {
1161
- display: none;
1162
- }
1163
-
1164
- .vjs-audio.vjs-has-started .vjs-poster {
1165
- display: block;
1166
- }
1167
-
1168
- .vjs-using-native-controls .vjs-poster {
1169
- display: none;
1170
- }
1171
-
1172
- .video-js .vjs-live-control {
1173
- display: flex;
1174
- align-items: flex-start;
1175
- flex: auto;
1176
- font-size: 1em;
1177
- line-height: 3em;
1178
- }
1179
-
1180
- .vjs-no-flex .vjs-live-control {
1181
- display: table-cell;
1182
- width: auto;
1183
- text-align: left;
1184
- }
1185
-
1186
- .video-js:not(.vjs-live) .vjs-live-control,
1187
- .video-js.vjs-liveui .vjs-live-control {
1188
- display: none;
1189
- }
1190
-
1191
- .video-js .vjs-seek-to-live-control {
1192
- cursor: pointer;
1193
- flex: none;
1194
- display: inline-flex;
1195
- height: 100%;
1196
- padding-left: 0.5em;
1197
- padding-right: 0.5em;
1198
- font-size: 1em;
1199
- line-height: 3em;
1200
- width: auto;
1201
- min-width: 4em;
1202
- }
1203
-
1204
- .vjs-no-flex .vjs-seek-to-live-control {
1205
- display: table-cell;
1206
- width: auto;
1207
- text-align: left;
1208
- }
1209
-
1210
- .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
1211
- .video-js:not(.vjs-live) .vjs-seek-to-live-control {
1212
- display: none;
1213
- }
1214
-
1215
- .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
1216
- cursor: auto;
1217
- }
1218
-
1219
- .vjs-seek-to-live-control .vjs-icon-placeholder {
1220
- margin-right: 0.5em;
1221
- color: #888;
1222
- }
1223
-
1224
- .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
1225
- color: red;
1226
- }
1227
-
1228
- .video-js .vjs-time-control {
1229
- flex: none;
1230
- font-size: 1em;
1231
- line-height: 3em;
1232
- min-width: 2em;
1233
- width: auto;
1234
- padding-left: 1em;
1235
- padding-right: 1em;
1236
- }
1237
-
1238
- .vjs-live .vjs-time-control {
1239
- display: none;
1240
- }
1241
-
1242
- .video-js .vjs-current-time,
1243
- .vjs-no-flex .vjs-current-time {
1244
- display: none;
1245
- }
1246
-
1247
- .video-js .vjs-duration,
1248
- .vjs-no-flex .vjs-duration {
1249
- display: none;
1250
- }
1251
-
1252
- .vjs-time-divider {
1253
- display: none;
1254
- line-height: 3em;
1255
- }
1256
-
1257
- .vjs-live .vjs-time-divider {
1258
- display: none;
1259
- }
1260
-
1261
- .video-js .vjs-play-control {
1262
- cursor: pointer;
1263
- }
1264
-
1265
- .video-js .vjs-play-control .vjs-icon-placeholder {
1266
- flex: none;
1267
- }
1268
-
1269
- .vjs-text-track-display {
1270
- position: absolute;
1271
- bottom: 3em;
1272
- left: 0;
1273
- right: 0;
1274
- top: 0;
1275
- pointer-events: none;
1276
- }
1277
-
1278
- .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1279
- bottom: 1em;
1280
- }
1281
-
1282
- .video-js .vjs-text-track {
1283
- font-size: 1.4em;
1284
- text-align: center;
1285
- margin-bottom: 0.1em;
1286
- }
1287
-
1288
- .vjs-subtitles {
1289
- color: #fff;
1290
- }
1291
-
1292
- .vjs-captions {
1293
- color: #fc6;
1294
- }
1295
-
1296
- .vjs-tt-cue {
1297
- display: block;
1298
- }
1299
-
1300
- video::-webkit-media-text-track-display {
1301
- transform: translateY(-3em);
1302
- }
1303
-
1304
- .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
1305
- transform: translateY(-1.5em);
1306
- }
1307
-
1308
- .video-js .vjs-picture-in-picture-control {
1309
- cursor: pointer;
1310
- flex: none;
1311
- }
1312
- .video-js .vjs-fullscreen-control {
1313
- cursor: pointer;
1314
- flex: none;
1315
- }
1316
- .vjs-playback-rate > .vjs-menu-button,
1317
- .vjs-playback-rate .vjs-playback-rate-value {
1318
- position: absolute;
1319
- top: 0;
1320
- left: 0;
1321
- width: 100%;
1322
- height: 100%;
1323
- }
1324
-
1325
- .vjs-playback-rate .vjs-playback-rate-value {
1326
- pointer-events: none;
1327
- font-size: 1.5em;
1328
- line-height: 2;
1329
- text-align: center;
1330
- }
1331
-
1332
- .vjs-playback-rate .vjs-menu {
1333
- width: 4em;
1334
- left: 0em;
1335
- }
1336
-
1337
- .vjs-error .vjs-error-display .vjs-modal-dialog-content {
1338
- font-size: 1.4em;
1339
- text-align: center;
1340
- }
1341
-
1342
- .vjs-error .vjs-error-display:before {
1343
- color: #fff;
1344
- content: "X";
1345
- font-family: Arial, Helvetica, sans-serif;
1346
- font-size: 4em;
1347
- left: 0;
1348
- line-height: 1;
1349
- margin-top: -0.5em;
1350
- position: absolute;
1351
- text-shadow: 0.05em 0.05em 0.1em #000;
1352
- text-align: center;
1353
- top: 50%;
1354
- vertical-align: middle;
1355
- width: 100%;
1356
- }
1357
-
1358
- .vjs-loading-spinner {
1359
- display: none;
1360
- position: absolute;
1361
- top: 50%;
1362
- left: 50%;
1363
- margin: -25px 0 0 -25px;
1364
- opacity: 0.85;
1365
- text-align: left;
1366
- border: 6px solid rgba(43, 51, 63, 0.7);
1367
- box-sizing: border-box;
1368
- background-clip: padding-box;
1369
- width: 50px;
1370
- height: 50px;
1371
- border-radius: 25px;
1372
- visibility: hidden;
1373
- }
1374
-
1375
- .vjs-seeking .vjs-loading-spinner,
1376
- .vjs-waiting .vjs-loading-spinner {
1377
- display: block;
1378
- -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
1379
- animation: vjs-spinner-show 0s linear 0.3s forwards;
1380
- }
1381
-
1382
- .vjs-loading-spinner:before,
1383
- .vjs-loading-spinner:after {
1384
- content: "";
1385
- position: absolute;
1386
- margin: -6px;
1387
- box-sizing: inherit;
1388
- width: inherit;
1389
- height: inherit;
1390
- border-radius: inherit;
1391
- opacity: 1;
1392
- border: inherit;
1393
- border-color: transparent;
1394
- border-top-color: white;
1395
- }
1396
-
1397
- .vjs-seeking .vjs-loading-spinner:before,
1398
- .vjs-seeking .vjs-loading-spinner:after,
1399
- .vjs-waiting .vjs-loading-spinner:before,
1400
- .vjs-waiting .vjs-loading-spinner:after {
1401
- -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1402
- animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1403
- }
1404
-
1405
- .vjs-seeking .vjs-loading-spinner:before,
1406
- .vjs-waiting .vjs-loading-spinner:before {
1407
- border-top-color: white;
1408
- }
1409
-
1410
- .vjs-seeking .vjs-loading-spinner:after,
1411
- .vjs-waiting .vjs-loading-spinner:after {
1412
- border-top-color: white;
1413
- -webkit-animation-delay: 0.44s;
1414
- animation-delay: 0.44s;
1415
- }
1416
-
1417
- @keyframes vjs-spinner-show {
1418
- to {
1419
- visibility: visible;
1420
- }
1421
- }
1422
- @-webkit-keyframes vjs-spinner-show {
1423
- to {
1424
- visibility: visible;
1425
- }
1426
- }
1427
- @keyframes vjs-spinner-spin {
1428
- 100% {
1429
- transform: rotate(360deg);
1430
- }
1431
- }
1432
- @-webkit-keyframes vjs-spinner-spin {
1433
- 100% {
1434
- -webkit-transform: rotate(360deg);
1435
- }
1436
- }
1437
- @keyframes vjs-spinner-fade {
1438
- 0% {
1439
- border-top-color: #73859f;
1440
- }
1441
- 20% {
1442
- border-top-color: #73859f;
1443
- }
1444
- 35% {
1445
- border-top-color: white;
1446
- }
1447
- 60% {
1448
- border-top-color: #73859f;
1449
- }
1450
- 100% {
1451
- border-top-color: #73859f;
1452
- }
1453
- }
1454
- @-webkit-keyframes vjs-spinner-fade {
1455
- 0% {
1456
- border-top-color: #73859f;
1457
- }
1458
- 20% {
1459
- border-top-color: #73859f;
1460
- }
1461
- 35% {
1462
- border-top-color: white;
1463
- }
1464
- 60% {
1465
- border-top-color: #73859f;
1466
- }
1467
- 100% {
1468
- border-top-color: #73859f;
1469
- }
1470
- }
1471
- .vjs-chapters-button .vjs-menu ul {
1472
- width: 24em;
1473
- }
1474
-
1475
- .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1476
- vertical-align: middle;
1477
- display: inline-block;
1478
- margin-bottom: -0.1em;
1479
- }
1480
-
1481
- .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1482
- font-family: VideoJS;
1483
- content: "";
1484
- font-size: 1.5em;
1485
- line-height: inherit;
1486
- }
1487
-
1488
- .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1489
- vertical-align: middle;
1490
- display: inline-block;
1491
- margin-bottom: -0.1em;
1492
- }
1493
-
1494
- .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1495
- font-family: VideoJS;
1496
- content: " ";
1497
- font-size: 1.5em;
1498
- line-height: inherit;
1499
- }
1500
-
1501
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
1502
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
1503
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
1504
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
1505
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
1506
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
1507
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
1508
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
1509
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
1510
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
1511
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
1512
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
1513
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
1514
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
1515
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
1516
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
1517
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
1518
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
1519
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
1520
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
1521
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
1522
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
1523
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
1524
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
1525
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
1526
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
1527
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
1528
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
1529
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
1530
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
1531
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
1532
- display: none;
1533
- }
1534
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1535
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1536
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1537
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1538
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1539
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1540
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
1541
- width: auto;
1542
- width: initial;
1543
- }
1544
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
1545
- display: none;
1546
- }
1547
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
1548
- flex: auto;
1549
- display: block;
1550
- }
1551
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
1552
- width: auto;
1553
- }
1554
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
1555
- display: none;
1556
- }
1557
-
1558
- .vjs-modal-dialog.vjs-text-track-settings {
1559
- background-color: #2B333F;
1560
- background-color: rgba(43, 51, 63, 0.75);
1561
- color: #fff;
1562
- height: 70%;
1563
- }
1564
-
1565
- .vjs-text-track-settings .vjs-modal-dialog-content {
1566
- display: table;
1567
- }
1568
-
1569
- .vjs-text-track-settings .vjs-track-settings-colors,
1570
- .vjs-text-track-settings .vjs-track-settings-font,
1571
- .vjs-text-track-settings .vjs-track-settings-controls {
1572
- display: table-cell;
1573
- }
1574
-
1575
- .vjs-text-track-settings .vjs-track-settings-controls {
1576
- text-align: right;
1577
- vertical-align: bottom;
1578
- }
1579
-
1580
- @supports (display: grid) {
1581
- .vjs-text-track-settings .vjs-modal-dialog-content {
1582
- display: grid;
1583
- grid-template-columns: 1fr 1fr;
1584
- grid-template-rows: 1fr;
1585
- padding: 20px 24px 0px 24px;
1586
- }
1587
-
1588
- .vjs-track-settings-controls .vjs-default-button {
1589
- margin-bottom: 20px;
1590
- }
1591
-
1592
- .vjs-text-track-settings .vjs-track-settings-controls {
1593
- grid-column: 1/-1;
1594
- }
1595
-
1596
- .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
1597
- .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
1598
- .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
1599
- grid-template-columns: 1fr;
1600
- }
1601
- }
1602
- .vjs-track-setting > select {
1603
- margin-right: 1em;
1604
- margin-bottom: 0.5em;
1605
- }
1606
-
1607
- .vjs-text-track-settings fieldset {
1608
- margin: 5px;
1609
- padding: 3px;
1610
- border: none;
1611
- }
1612
-
1613
- .vjs-text-track-settings fieldset span {
1614
- display: inline-block;
1615
- }
1616
-
1617
- .vjs-text-track-settings fieldset span > select {
1618
- max-width: 7.3em;
1619
- }
1620
-
1621
- .vjs-text-track-settings legend {
1622
- color: #fff;
1623
- margin: 0 0 5px 0;
1624
- }
1625
-
1626
- .vjs-text-track-settings .vjs-label {
1627
- position: absolute;
1628
- clip: rect(1px 1px 1px 1px);
1629
- clip: rect(1px, 1px, 1px, 1px);
1630
- display: block;
1631
- margin: 0 0 5px 0;
1632
- padding: 0;
1633
- border: 0;
1634
- height: 1px;
1635
- width: 1px;
1636
- overflow: hidden;
1637
- }
1638
-
1639
- .vjs-track-settings-controls button:focus,
1640
- .vjs-track-settings-controls button:active {
1641
- outline-style: solid;
1642
- outline-width: medium;
1643
- background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
1644
- }
1645
-
1646
- .vjs-track-settings-controls button:hover {
1647
- color: rgba(43, 51, 63, 0.75);
1648
- }
1649
-
1650
- .vjs-track-settings-controls button {
1651
- background-color: #fff;
1652
- background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
1653
- color: #2B333F;
1654
- cursor: pointer;
1655
- border-radius: 2px;
1656
- }
1657
-
1658
- .vjs-track-settings-controls .vjs-default-button {
1659
- margin-right: 1em;
1660
- }
1661
-
1662
- @media print {
1663
- .video-js > *:not(.vjs-tech):not(.vjs-poster) {
1664
- visibility: hidden;
1665
- }
1666
- }
1667
- .vjs-resize-manager {
1668
- position: absolute;
1669
- top: 0;
1670
- left: 0;
1671
- width: 100%;
1672
- height: 100%;
1673
- border: none;
1674
- z-index: -1000;
1675
- }
1676
-
1677
- .js-focus-visible .video-js *:focus:not(.focus-visible) {
1678
- outline: none;
1679
- background: none;
1680
- }
1681
-
1682
- .video-js *:focus:not(:focus-visible),
1683
- .video-js .vjs-menu *:focus:not(:focus-visible) {
1684
- outline: none;
1685
- background: none;
1686
- }