Brak opisu

video-js.css 44KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387
  1. .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  2. position: absolute;
  3. top: 0;
  4. left: 0;
  5. width: 100%;
  6. height: 100%; }
  7. .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  8. text-align: center; }
  9. @font-face {
  10. font-family: VideoJS;
  11. src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
  12. font-weight: normal;
  13. font-style: normal; }
  14. .vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
  15. font-family: VideoJS;
  16. font-weight: normal;
  17. font-style: normal; }
  18. .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
  19. content: "\f101"; }
  20. .vjs-icon-play-circle {
  21. font-family: VideoJS;
  22. font-weight: normal;
  23. font-style: normal; }
  24. .vjs-icon-play-circle:before {
  25. content: "\f102"; }
  26. .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  27. font-family: VideoJS;
  28. font-weight: normal;
  29. font-style: normal; }
  30. .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  31. content: "\f103"; }
  32. .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  33. font-family: VideoJS;
  34. font-weight: normal;
  35. font-style: normal; }
  36. .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  37. content: "\f104"; }
  38. .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  39. font-family: VideoJS;
  40. font-weight: normal;
  41. font-style: normal; }
  42. .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  43. content: "\f105"; }
  44. .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  45. font-family: VideoJS;
  46. font-weight: normal;
  47. font-style: normal; }
  48. .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  49. content: "\f106"; }
  50. .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  51. font-family: VideoJS;
  52. font-weight: normal;
  53. font-style: normal; }
  54. .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  55. content: "\f107"; }
  56. .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  57. font-family: VideoJS;
  58. font-weight: normal;
  59. font-style: normal; }
  60. .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  61. content: "\f108"; }
  62. .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  63. font-family: VideoJS;
  64. font-weight: normal;
  65. font-style: normal; }
  66. .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  67. content: "\f109"; }
  68. .vjs-icon-square {
  69. font-family: VideoJS;
  70. font-weight: normal;
  71. font-style: normal; }
  72. .vjs-icon-square:before {
  73. content: "\f10a"; }
  74. .vjs-icon-spinner {
  75. font-family: VideoJS;
  76. font-weight: normal;
  77. font-style: normal; }
  78. .vjs-icon-spinner:before {
  79. content: "\f10b"; }
  80. .vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
  81. .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
  82. .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
  83. .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
  84. .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  85. font-family: VideoJS;
  86. font-weight: normal;
  87. font-style: normal; }
  88. .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
  89. .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  90. .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  91. .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  92. .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  93. content: "\f10c"; }
  94. .vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
  95. .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  96. font-family: VideoJS;
  97. font-weight: normal;
  98. font-style: normal; }
  99. .vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  100. .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  101. content: "\f10d"; }
  102. .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  103. font-family: VideoJS;
  104. font-weight: normal;
  105. font-style: normal; }
  106. .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  107. content: "\f10e"; }
  108. .vjs-icon-share {
  109. font-family: VideoJS;
  110. font-weight: normal;
  111. font-style: normal; }
  112. .vjs-icon-share:before {
  113. content: "\f10f"; }
  114. .vjs-icon-cog {
  115. font-family: VideoJS;
  116. font-weight: normal;
  117. font-style: normal; }
  118. .vjs-icon-cog:before {
  119. content: "\f110"; }
  120. .vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-seek-to-live-control .vjs-icon-placeholder {
  121. font-family: VideoJS;
  122. font-weight: normal;
  123. font-style: normal; }
  124. .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
  125. content: "\f111"; }
  126. .vjs-icon-circle-outline {
  127. font-family: VideoJS;
  128. font-weight: normal;
  129. font-style: normal; }
  130. .vjs-icon-circle-outline:before {
  131. content: "\f112"; }
  132. .vjs-icon-circle-inner-circle {
  133. font-family: VideoJS;
  134. font-weight: normal;
  135. font-style: normal; }
  136. .vjs-icon-circle-inner-circle:before {
  137. content: "\f113"; }
  138. .vjs-icon-hd {
  139. font-family: VideoJS;
  140. font-weight: normal;
  141. font-style: normal; }
  142. .vjs-icon-hd:before {
  143. content: "\f114"; }
  144. .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  145. font-family: VideoJS;
  146. font-weight: normal;
  147. font-style: normal; }
  148. .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  149. content: "\f115"; }
  150. .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  151. font-family: VideoJS;
  152. font-weight: normal;
  153. font-style: normal; }
  154. .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  155. content: "\f116"; }
  156. .vjs-icon-facebook {
  157. font-family: VideoJS;
  158. font-weight: normal;
  159. font-style: normal; }
  160. .vjs-icon-facebook:before {
  161. content: "\f117"; }
  162. .vjs-icon-gplus {
  163. font-family: VideoJS;
  164. font-weight: normal;
  165. font-style: normal; }
  166. .vjs-icon-gplus:before {
  167. content: "\f118"; }
  168. .vjs-icon-linkedin {
  169. font-family: VideoJS;
  170. font-weight: normal;
  171. font-style: normal; }
  172. .vjs-icon-linkedin:before {
  173. content: "\f119"; }
  174. .vjs-icon-twitter {
  175. font-family: VideoJS;
  176. font-weight: normal;
  177. font-style: normal; }
  178. .vjs-icon-twitter:before {
  179. content: "\f11a"; }
  180. .vjs-icon-tumblr {
  181. font-family: VideoJS;
  182. font-weight: normal;
  183. font-style: normal; }
  184. .vjs-icon-tumblr:before {
  185. content: "\f11b"; }
  186. .vjs-icon-pinterest {
  187. font-family: VideoJS;
  188. font-weight: normal;
  189. font-style: normal; }
  190. .vjs-icon-pinterest:before {
  191. content: "\f11c"; }
  192. .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  193. font-family: VideoJS;
  194. font-weight: normal;
  195. font-style: normal; }
  196. .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  197. content: "\f11d"; }
  198. .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  199. font-family: VideoJS;
  200. font-weight: normal;
  201. font-style: normal; }
  202. .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  203. content: "\f11e"; }
  204. .vjs-icon-next-item {
  205. font-family: VideoJS;
  206. font-weight: normal;
  207. font-style: normal; }
  208. .vjs-icon-next-item:before {
  209. content: "\f11f"; }
  210. .vjs-icon-previous-item {
  211. font-family: VideoJS;
  212. font-weight: normal;
  213. font-style: normal; }
  214. .vjs-icon-previous-item:before {
  215. content: "\f120"; }
  216. .video-js {
  217. display: block;
  218. vertical-align: top;
  219. box-sizing: border-box;
  220. color: #fff;
  221. background-color: #000;
  222. position: relative;
  223. padding: 0;
  224. font-size: 10px;
  225. line-height: 1;
  226. font-weight: normal;
  227. font-style: normal;
  228. font-family: Arial, Helvetica, sans-serif;
  229. word-break: initial; }
  230. .video-js:-moz-full-screen {
  231. position: absolute; }
  232. .video-js:-webkit-full-screen {
  233. width: 100% !important;
  234. height: 100% !important; }
  235. .video-js[tabindex="-1"] {
  236. outline: none; }
  237. .video-js *,
  238. .video-js *:before,
  239. .video-js *:after {
  240. box-sizing: inherit; }
  241. .video-js ul {
  242. font-family: inherit;
  243. font-size: inherit;
  244. line-height: inherit;
  245. list-style-position: outside;
  246. margin-left: 0;
  247. margin-right: 0;
  248. margin-top: 0;
  249. margin-bottom: 0; }
  250. .video-js.vjs-fluid,
  251. .video-js.vjs-16-9,
  252. .video-js.vjs-4-3 {
  253. width: 100%;
  254. max-width: 100%;
  255. height: 0; }
  256. .video-js.vjs-16-9 {
  257. padding-top: 56.25%; }
  258. .video-js.vjs-4-3 {
  259. padding-top: 75%; }
  260. .video-js.vjs-fill {
  261. width: 100%;
  262. height: 100%; }
  263. .video-js .vjs-tech {
  264. position: absolute;
  265. top: 0;
  266. left: 0;
  267. width: 100%;
  268. height: 100%; }
  269. body.vjs-full-window {
  270. padding: 0;
  271. margin: 0;
  272. height: 100%; }
  273. .vjs-full-window .video-js.vjs-fullscreen {
  274. position: fixed;
  275. overflow: hidden;
  276. z-index: 1000;
  277. left: 0;
  278. top: 0;
  279. bottom: 0;
  280. right: 0; }
  281. .video-js.vjs-fullscreen {
  282. width: 100% !important;
  283. height: 100% !important;
  284. padding-top: 0 !important; }
  285. .video-js.vjs-fullscreen.vjs-user-inactive {
  286. cursor: none; }
  287. .vjs-hidden {
  288. display: none !important; }
  289. .vjs-disabled {
  290. opacity: 0.5;
  291. cursor: default; }
  292. .video-js .vjs-offscreen {
  293. height: 1px;
  294. left: -9999px;
  295. position: absolute;
  296. top: 0;
  297. width: 1px; }
  298. .vjs-lock-showing {
  299. display: block !important;
  300. opacity: 1;
  301. visibility: visible; }
  302. .vjs-no-js {
  303. padding: 20px;
  304. color: #fff;
  305. background-color: #000;
  306. font-size: 18px;
  307. font-family: Arial, Helvetica, sans-serif;
  308. text-align: center;
  309. width: 300px;
  310. height: 150px;
  311. margin: 0px auto; }
  312. .vjs-no-js a,
  313. .vjs-no-js a:visited {
  314. color: #66A8CC; }
  315. .video-js .vjs-big-play-button {
  316. font-size: 3em;
  317. line-height: 1.5em;
  318. height: 1.63332em;
  319. width: 3em;
  320. display: block;
  321. position: absolute;
  322. top: 10px;
  323. left: 10px;
  324. padding: 0;
  325. cursor: pointer;
  326. opacity: 1;
  327. border: 0.06666em solid #fff;
  328. background-color: #2B333F;
  329. background-color: rgba(43, 51, 63, 0.7);
  330. border-radius: 0.3em;
  331. transition: all 0.4s; }
  332. .vjs-big-play-centered .vjs-big-play-button {
  333. top: 50%;
  334. left: 50%;
  335. margin-top: -0.81666em;
  336. margin-left: -1.5em; }
  337. .video-js:hover .vjs-big-play-button,
  338. .video-js .vjs-big-play-button:focus {
  339. border-color: #fff;
  340. background-color: #73859f;
  341. background-color: rgba(115, 133, 159, 0.5);
  342. transition: all 0s; }
  343. .vjs-controls-disabled .vjs-big-play-button,
  344. .vjs-has-started .vjs-big-play-button,
  345. .vjs-using-native-controls .vjs-big-play-button,
  346. .vjs-error .vjs-big-play-button {
  347. display: none; }
  348. .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  349. display: block; }
  350. .video-js button {
  351. background: none;
  352. border: none;
  353. color: inherit;
  354. display: inline-block;
  355. font-size: inherit;
  356. line-height: inherit;
  357. text-transform: none;
  358. text-decoration: none;
  359. transition: none;
  360. -webkit-appearance: none;
  361. -moz-appearance: none;
  362. appearance: none; }
  363. .vjs-control .vjs-button {
  364. width: 100%;
  365. height: 100%; }
  366. .video-js .vjs-control.vjs-close-button {
  367. cursor: pointer;
  368. height: 3em;
  369. position: absolute;
  370. right: 0;
  371. top: 0.5em;
  372. z-index: 2; }
  373. .video-js .vjs-modal-dialog {
  374. background: rgba(0, 0, 0, 0.8);
  375. background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  376. overflow: auto; }
  377. .video-js .vjs-modal-dialog > * {
  378. box-sizing: border-box; }
  379. .vjs-modal-dialog .vjs-modal-dialog-content {
  380. font-size: 1.2em;
  381. line-height: 1.5;
  382. padding: 20px 24px;
  383. z-index: 1; }
  384. .vjs-menu-button {
  385. cursor: pointer; }
  386. .vjs-menu-button.vjs-disabled {
  387. cursor: default; }
  388. .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  389. display: none; }
  390. .vjs-menu .vjs-menu-content {
  391. display: block;
  392. padding: 0;
  393. margin: 0;
  394. font-family: Arial, Helvetica, sans-serif;
  395. overflow: auto; }
  396. .vjs-menu .vjs-menu-content > * {
  397. box-sizing: border-box; }
  398. .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  399. display: none; }
  400. .vjs-menu li {
  401. list-style: none;
  402. margin: 0;
  403. padding: 0.2em 0;
  404. line-height: 1.4em;
  405. font-size: 1.2em;
  406. text-align: center;
  407. text-transform: lowercase; }
  408. .vjs-menu li.vjs-menu-item:focus,
  409. .vjs-menu li.vjs-menu-item:hover,
  410. .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  411. background-color: #73859f;
  412. background-color: rgba(115, 133, 159, 0.5); }
  413. .vjs-menu li.vjs-selected,
  414. .vjs-menu li.vjs-selected:focus,
  415. .vjs-menu li.vjs-selected:hover,
  416. .js-focus-visible .vjs-menu li.vjs-selected:hover {
  417. background-color: #fff;
  418. color: #2B333F; }
  419. .vjs-menu li.vjs-menu-title {
  420. text-align: center;
  421. text-transform: uppercase;
  422. font-size: 1em;
  423. line-height: 2em;
  424. padding: 0;
  425. margin: 0 0 0.3em 0;
  426. font-weight: bold;
  427. cursor: default; }
  428. .vjs-menu-button-popup .vjs-menu {
  429. display: none;
  430. position: absolute;
  431. bottom: 0;
  432. width: 10em;
  433. left: -3em;
  434. height: 0em;
  435. margin-bottom: 1.5em;
  436. border-top-color: rgba(43, 51, 63, 0.7); }
  437. .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  438. background-color: #2B333F;
  439. background-color: rgba(43, 51, 63, 0.7);
  440. position: absolute;
  441. width: 100%;
  442. bottom: 1.5em;
  443. max-height: 15em; }
  444. .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
  445. .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  446. max-height: 5em; }
  447. .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  448. max-height: 10em; }
  449. .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  450. max-height: 14em; }
  451. .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
  452. .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
  453. .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  454. max-height: 25em; }
  455. .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
  456. .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  457. display: block; }
  458. .video-js .vjs-menu-button-inline {
  459. transition: all 0.4s;
  460. overflow: hidden; }
  461. .video-js .vjs-menu-button-inline:before {
  462. width: 2.222222222em; }
  463. .video-js .vjs-menu-button-inline:hover,
  464. .video-js .vjs-menu-button-inline:focus,
  465. .video-js .vjs-menu-button-inline.vjs-slider-active,
  466. .video-js.vjs-no-flex .vjs-menu-button-inline {
  467. width: 12em; }
  468. .vjs-menu-button-inline .vjs-menu {
  469. opacity: 0;
  470. height: 100%;
  471. width: auto;
  472. position: absolute;
  473. left: 4em;
  474. top: 0;
  475. padding: 0;
  476. margin: 0;
  477. transition: all 0.4s; }
  478. .vjs-menu-button-inline:hover .vjs-menu,
  479. .vjs-menu-button-inline:focus .vjs-menu,
  480. .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  481. display: block;
  482. opacity: 1; }
  483. .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  484. display: block;
  485. opacity: 1;
  486. position: relative;
  487. width: auto; }
  488. .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
  489. .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
  490. .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  491. width: auto; }
  492. .vjs-menu-button-inline .vjs-menu-content {
  493. width: auto;
  494. height: 100%;
  495. margin: 0;
  496. overflow: hidden; }
  497. .video-js .vjs-control-bar {
  498. display: none;
  499. width: 100%;
  500. position: absolute;
  501. bottom: 0;
  502. left: 0;
  503. right: 0;
  504. height: 3.0em;
  505. background-color: #2B333F;
  506. background-color: rgba(43, 51, 63, 0.7); }
  507. .vjs-has-started .vjs-control-bar {
  508. display: flex;
  509. visibility: visible;
  510. opacity: 1;
  511. transition: visibility 0.1s, opacity 0.1s; }
  512. .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  513. visibility: visible;
  514. opacity: 0;
  515. transition: visibility 1s, opacity 1s; }
  516. .vjs-controls-disabled .vjs-control-bar,
  517. .vjs-using-native-controls .vjs-control-bar,
  518. .vjs-error .vjs-control-bar {
  519. display: none !important; }
  520. .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  521. opacity: 1;
  522. visibility: visible; }
  523. .vjs-has-started.vjs-no-flex .vjs-control-bar {
  524. display: table; }
  525. .video-js .vjs-control {
  526. position: relative;
  527. text-align: center;
  528. margin: 0;
  529. padding: 0;
  530. height: 100%;
  531. width: 4em;
  532. flex: none; }
  533. .vjs-button > .vjs-icon-placeholder:before {
  534. font-size: 1.8em;
  535. line-height: 1.67; }
  536. .video-js .vjs-control:focus:before,
  537. .video-js .vjs-control:hover:before,
  538. .video-js .vjs-control:focus {
  539. text-shadow: 0em 0em 1em white; }
  540. .video-js .vjs-control-text {
  541. border: 0;
  542. clip: rect(0 0 0 0);
  543. height: 1px;
  544. overflow: hidden;
  545. padding: 0;
  546. position: absolute;
  547. width: 1px; }
  548. .vjs-no-flex .vjs-control {
  549. display: table-cell;
  550. vertical-align: middle; }
  551. .video-js .vjs-custom-control-spacer {
  552. display: none; }
  553. .video-js .vjs-progress-control {
  554. cursor: pointer;
  555. flex: auto;
  556. display: flex;
  557. align-items: center;
  558. min-width: 4em;
  559. touch-action: none; }
  560. .video-js .vjs-progress-control.disabled {
  561. cursor: default; }
  562. .vjs-live .vjs-progress-control {
  563. display: none; }
  564. .vjs-liveui .vjs-progress-control {
  565. display: flex;
  566. align-items: center; }
  567. .vjs-no-flex .vjs-progress-control {
  568. width: auto; }
  569. .video-js .vjs-progress-holder {
  570. flex: auto;
  571. transition: all 0.2s;
  572. height: 0.3em; }
  573. .video-js .vjs-progress-control .vjs-progress-holder {
  574. margin: 0 10px; }
  575. .video-js .vjs-progress-control:hover .vjs-progress-holder {
  576. font-size: 1.666666666666666666em; }
  577. .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  578. font-size: 1em; }
  579. .video-js .vjs-progress-holder .vjs-play-progress,
  580. .video-js .vjs-progress-holder .vjs-load-progress,
  581. .video-js .vjs-progress-holder .vjs-load-progress div {
  582. position: absolute;
  583. display: block;
  584. height: 100%;
  585. margin: 0;
  586. padding: 0;
  587. width: 0; }
  588. .video-js .vjs-play-progress {
  589. background-color: #fff; }
  590. .video-js .vjs-play-progress:before {
  591. font-size: 0.9em;
  592. position: absolute;
  593. right: -0.5em;
  594. top: -0.333333333333333em;
  595. z-index: 1; }
  596. .video-js .vjs-load-progress {
  597. background: rgba(115, 133, 159, 0.5); }
  598. .video-js .vjs-load-progress div {
  599. background: rgba(115, 133, 159, 0.75); }
  600. .video-js .vjs-time-tooltip {
  601. background-color: #fff;
  602. background-color: rgba(255, 255, 255, 0.8);
  603. border-radius: 0.3em;
  604. color: #000;
  605. float: right;
  606. font-family: Arial, Helvetica, sans-serif;
  607. font-size: 1em;
  608. padding: 6px 8px 8px 8px;
  609. pointer-events: none;
  610. position: absolute;
  611. top: -3.4em;
  612. visibility: hidden;
  613. z-index: 1; }
  614. .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  615. display: none; }
  616. .video-js .vjs-progress-control:hover .vjs-time-tooltip,
  617. .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  618. display: block;
  619. font-size: 0.6em;
  620. visibility: visible; }
  621. .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  622. font-size: 1em; }
  623. .video-js .vjs-progress-control .vjs-mouse-display {
  624. display: none;
  625. position: absolute;
  626. width: 1px;
  627. height: 100%;
  628. background-color: #000;
  629. z-index: 1; }
  630. .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  631. z-index: 0; }
  632. .video-js .vjs-progress-control:hover .vjs-mouse-display {
  633. display: block; }
  634. .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  635. visibility: hidden;
  636. opacity: 0;
  637. transition: visibility 1s, opacity 1s; }
  638. .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  639. display: none; }
  640. .vjs-mouse-display .vjs-time-tooltip {
  641. color: #fff;
  642. background-color: #000;
  643. background-color: rgba(0, 0, 0, 0.8); }
  644. .video-js .vjs-slider {
  645. position: relative;
  646. cursor: pointer;
  647. padding: 0;
  648. margin: 0 0.45em 0 0.45em;
  649. /* iOS Safari */
  650. -webkit-touch-callout: none;
  651. /* Safari */
  652. -webkit-user-select: none;
  653. /* Konqueror HTML */
  654. /* Firefox */
  655. -moz-user-select: none;
  656. /* Internet Explorer/Edge */
  657. -ms-user-select: none;
  658. /* Non-prefixed version, currently supported by Chrome and Opera */
  659. user-select: none;
  660. background-color: #73859f;
  661. background-color: rgba(115, 133, 159, 0.5); }
  662. .video-js .vjs-slider.disabled {
  663. cursor: default; }
  664. .video-js .vjs-slider:focus {
  665. text-shadow: 0em 0em 1em white;
  666. box-shadow: 0 0 1em #fff; }
  667. .video-js .vjs-mute-control {
  668. cursor: pointer;
  669. flex: none; }
  670. .video-js .vjs-volume-control {
  671. cursor: pointer;
  672. margin-right: 1em;
  673. display: flex; }
  674. .video-js .vjs-volume-control.vjs-volume-horizontal {
  675. width: 5em; }
  676. .video-js .vjs-volume-panel .vjs-volume-control {
  677. visibility: visible;
  678. opacity: 0;
  679. width: 1px;
  680. height: 1px;
  681. margin-left: -1px; }
  682. .video-js .vjs-volume-panel {
  683. transition: width 1s; }
  684. .video-js .vjs-volume-panel:hover .vjs-volume-control,
  685. .video-js .vjs-volume-panel:active .vjs-volume-control,
  686. .video-js .vjs-volume-panel:focus .vjs-volume-control,
  687. .video-js .vjs-volume-panel .vjs-volume-control:hover,
  688. .video-js .vjs-volume-panel .vjs-volume-control:active,
  689. .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
  690. .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  691. visibility: visible;
  692. opacity: 1;
  693. position: relative;
  694. transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
  695. .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
  696. .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
  697. .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
  698. .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
  699. .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
  700. .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
  701. .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  702. width: 5em;
  703. height: 3em; }
  704. .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
  705. .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
  706. .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
  707. .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
  708. .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
  709. .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
  710. .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  711. left: -3.5em; }
  712. .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  713. width: 9em;
  714. transition: width 0.1s; }
  715. .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  716. width: 4em; }
  717. .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  718. height: 8em;
  719. width: 3em;
  720. left: -3000em;
  721. transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }
  722. .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  723. transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }
  724. .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  725. width: 5em;
  726. height: 3em;
  727. visibility: visible;
  728. opacity: 1;
  729. position: relative;
  730. transition: none; }
  731. .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
  732. .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  733. position: absolute;
  734. bottom: 3em;
  735. left: 0.5em; }
  736. .video-js .vjs-volume-panel {
  737. display: flex; }
  738. .video-js .vjs-volume-bar {
  739. margin: 1.35em 0.45em; }
  740. .vjs-volume-bar.vjs-slider-horizontal {
  741. width: 5em;
  742. height: 0.3em; }
  743. .vjs-volume-bar.vjs-slider-vertical {
  744. width: 0.3em;
  745. height: 5em;
  746. margin: 1.35em auto; }
  747. .video-js .vjs-volume-level {
  748. position: absolute;
  749. bottom: 0;
  750. left: 0;
  751. background-color: #fff; }
  752. .video-js .vjs-volume-level:before {
  753. position: absolute;
  754. font-size: 0.9em; }
  755. .vjs-slider-vertical .vjs-volume-level {
  756. width: 0.3em; }
  757. .vjs-slider-vertical .vjs-volume-level:before {
  758. top: -0.5em;
  759. left: -0.3em; }
  760. .vjs-slider-horizontal .vjs-volume-level {
  761. height: 0.3em; }
  762. .vjs-slider-horizontal .vjs-volume-level:before {
  763. top: -0.3em;
  764. right: -0.5em; }
  765. .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  766. width: 4em; }
  767. .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  768. height: 100%; }
  769. .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  770. width: 100%; }
  771. .video-js .vjs-volume-vertical {
  772. width: 3em;
  773. height: 8em;
  774. bottom: 8em;
  775. background-color: #2B333F;
  776. background-color: rgba(43, 51, 63, 0.7); }
  777. .video-js .vjs-volume-horizontal .vjs-menu {
  778. left: -2em; }
  779. .vjs-poster {
  780. display: inline-block;
  781. vertical-align: middle;
  782. background-repeat: no-repeat;
  783. background-position: 50% 50%;
  784. background-size: contain;
  785. background-color: #000000;
  786. cursor: pointer;
  787. margin: 0;
  788. padding: 0;
  789. position: absolute;
  790. top: 0;
  791. right: 0;
  792. bottom: 0;
  793. left: 0;
  794. height: 100%; }
  795. .vjs-has-started .vjs-poster {
  796. display: none; }
  797. .vjs-audio.vjs-has-started .vjs-poster {
  798. display: block; }
  799. .vjs-using-native-controls .vjs-poster {
  800. display: none; }
  801. .video-js .vjs-live-control {
  802. display: flex;
  803. align-items: flex-start;
  804. flex: auto;
  805. font-size: 1em;
  806. line-height: 3em; }
  807. .vjs-no-flex .vjs-live-control {
  808. display: table-cell;
  809. width: auto;
  810. text-align: left; }
  811. .video-js:not(.vjs-live) .vjs-live-control,
  812. .video-js.vjs-liveui .vjs-live-control {
  813. display: none; }
  814. .video-js .vjs-seek-to-live-control {
  815. cursor: pointer;
  816. flex: none;
  817. display: inline-flex;
  818. height: 100%;
  819. padding-left: 0.5em;
  820. padding-right: 0.5em;
  821. font-size: 1em;
  822. line-height: 3em;
  823. width: auto;
  824. min-width: 4em; }
  825. .vjs-no-flex .vjs-seek-to-live-control {
  826. display: table-cell;
  827. width: auto;
  828. text-align: left; }
  829. .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
  830. .video-js:not(.vjs-live) .vjs-seek-to-live-control {
  831. display: none; }
  832. .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  833. cursor: auto; }
  834. .vjs-seek-to-live-control .vjs-icon-placeholder {
  835. margin-right: 0.5em;
  836. color: #888; }
  837. .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  838. color: red; }
  839. .video-js .vjs-time-control {
  840. flex: none;
  841. font-size: 1em;
  842. line-height: 3em;
  843. min-width: 2em;
  844. width: auto;
  845. padding-left: 1em;
  846. padding-right: 1em; }
  847. .vjs-live .vjs-time-control {
  848. display: none; }
  849. .video-js .vjs-current-time,
  850. .vjs-no-flex .vjs-current-time {
  851. display: none; }
  852. .video-js .vjs-duration,
  853. .vjs-no-flex .vjs-duration {
  854. display: none; }
  855. .vjs-time-divider {
  856. display: none;
  857. line-height: 3em; }
  858. .vjs-live .vjs-time-divider {
  859. display: none; }
  860. .video-js .vjs-play-control {
  861. cursor: pointer; }
  862. .video-js .vjs-play-control .vjs-icon-placeholder {
  863. flex: none; }
  864. .vjs-text-track-display {
  865. position: absolute;
  866. bottom: 3em;
  867. left: 0;
  868. right: 0;
  869. top: 0;
  870. pointer-events: none; }
  871. .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  872. bottom: 1em; }
  873. .video-js .vjs-text-track {
  874. font-size: 1.4em;
  875. text-align: center;
  876. margin-bottom: 0.1em; }
  877. .vjs-subtitles {
  878. color: #fff; }
  879. .vjs-captions {
  880. color: #fc6; }
  881. .vjs-tt-cue {
  882. display: block; }
  883. video::-webkit-media-text-track-display {
  884. -webkit-transform: translateY(-3em);
  885. transform: translateY(-3em); }
  886. .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  887. -webkit-transform: translateY(-1.5em);
  888. transform: translateY(-1.5em); }
  889. .video-js .vjs-fullscreen-control {
  890. cursor: pointer;
  891. flex: none; }
  892. .vjs-playback-rate > .vjs-menu-button,
  893. .vjs-playback-rate .vjs-playback-rate-value {
  894. position: absolute;
  895. top: 0;
  896. left: 0;
  897. width: 100%;
  898. height: 100%; }
  899. .vjs-playback-rate .vjs-playback-rate-value {
  900. pointer-events: none;
  901. font-size: 1.5em;
  902. line-height: 2;
  903. text-align: center; }
  904. .vjs-playback-rate .vjs-menu {
  905. width: 4em;
  906. left: 0em; }
  907. .vjs-error .vjs-error-display .vjs-modal-dialog-content {
  908. font-size: 1.4em;
  909. text-align: center; }
  910. .vjs-error .vjs-error-display:before {
  911. color: #fff;
  912. content: 'X';
  913. font-family: Arial, Helvetica, sans-serif;
  914. font-size: 4em;
  915. left: 0;
  916. line-height: 1;
  917. margin-top: -0.5em;
  918. position: absolute;
  919. text-shadow: 0.05em 0.05em 0.1em #000;
  920. text-align: center;
  921. top: 50%;
  922. vertical-align: middle;
  923. width: 100%; }
  924. .vjs-loading-spinner {
  925. display: none;
  926. position: absolute;
  927. top: 50%;
  928. left: 50%;
  929. margin: -25px 0 0 -25px;
  930. opacity: 0.85;
  931. text-align: left;
  932. border: 6px solid rgba(43, 51, 63, 0.7);
  933. box-sizing: border-box;
  934. background-clip: padding-box;
  935. width: 50px;
  936. height: 50px;
  937. border-radius: 25px;
  938. visibility: hidden; }
  939. .vjs-seeking .vjs-loading-spinner,
  940. .vjs-waiting .vjs-loading-spinner {
  941. display: block;
  942. -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  943. animation: vjs-spinner-show 0s linear 0.3s forwards; }
  944. .vjs-loading-spinner:before,
  945. .vjs-loading-spinner:after {
  946. content: "";
  947. position: absolute;
  948. margin: -6px;
  949. box-sizing: inherit;
  950. width: inherit;
  951. height: inherit;
  952. border-radius: inherit;
  953. opacity: 1;
  954. border: inherit;
  955. border-color: transparent;
  956. border-top-color: white; }
  957. .vjs-seeking .vjs-loading-spinner:before,
  958. .vjs-seeking .vjs-loading-spinner:after,
  959. .vjs-waiting .vjs-loading-spinner:before,
  960. .vjs-waiting .vjs-loading-spinner:after {
  961. -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  962. animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }
  963. .vjs-seeking .vjs-loading-spinner:before,
  964. .vjs-waiting .vjs-loading-spinner:before {
  965. border-top-color: white; }
  966. .vjs-seeking .vjs-loading-spinner:after,
  967. .vjs-waiting .vjs-loading-spinner:after {
  968. border-top-color: white;
  969. -webkit-animation-delay: 0.44s;
  970. animation-delay: 0.44s; }
  971. @keyframes vjs-spinner-show {
  972. to {
  973. visibility: visible; } }
  974. @-webkit-keyframes vjs-spinner-show {
  975. to {
  976. visibility: visible; } }
  977. @keyframes vjs-spinner-spin {
  978. 100% {
  979. -webkit-transform: rotate(360deg);
  980. transform: rotate(360deg); } }
  981. @-webkit-keyframes vjs-spinner-spin {
  982. 100% {
  983. -webkit-transform: rotate(360deg); } }
  984. @keyframes vjs-spinner-fade {
  985. 0% {
  986. border-top-color: #73859f; }
  987. 20% {
  988. border-top-color: #73859f; }
  989. 35% {
  990. border-top-color: white; }
  991. 60% {
  992. border-top-color: #73859f; }
  993. 100% {
  994. border-top-color: #73859f; } }
  995. @-webkit-keyframes vjs-spinner-fade {
  996. 0% {
  997. border-top-color: #73859f; }
  998. 20% {
  999. border-top-color: #73859f; }
  1000. 35% {
  1001. border-top-color: white; }
  1002. 60% {
  1003. border-top-color: #73859f; }
  1004. 100% {
  1005. border-top-color: #73859f; } }
  1006. .vjs-chapters-button .vjs-menu ul {
  1007. width: 24em; }
  1008. .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  1009. vertical-align: middle;
  1010. display: inline-block;
  1011. margin-bottom: -0.1em; }
  1012. .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  1013. font-family: VideoJS;
  1014. content: "\f10d";
  1015. font-size: 1.5em;
  1016. line-height: inherit; }
  1017. .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  1018. vertical-align: middle;
  1019. display: inline-block;
  1020. margin-bottom: -0.1em; }
  1021. .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  1022. font-family: VideoJS;
  1023. content: " \f11d";
  1024. font-size: 1.5em;
  1025. line-height: inherit; }
  1026. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
  1027. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
  1028. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
  1029. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
  1030. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
  1031. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
  1032. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
  1033. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
  1034. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
  1035. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
  1036. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
  1037. .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
  1038. .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
  1039. .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
  1040. .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
  1041. .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
  1042. .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
  1043. .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
  1044. .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
  1045. .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
  1046. .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
  1047. .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
  1048. .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
  1049. .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
  1050. .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
  1051. .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
  1052. .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
  1053. .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
  1054. .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
  1055. .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
  1056. .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
  1057. display: none; }
  1058. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
  1059. .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
  1060. .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,
  1061. .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
  1062. .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,
  1063. .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
  1064. .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  1065. width: auto;
  1066. width: initial; }
  1067. .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 {
  1068. display: none; }
  1069. .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 {
  1070. flex: auto;
  1071. display: block; }
  1072. .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 {
  1073. width: auto; }
  1074. .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 {
  1075. display: none; }
  1076. .vjs-modal-dialog.vjs-text-track-settings {
  1077. background-color: #2B333F;
  1078. background-color: rgba(43, 51, 63, 0.75);
  1079. color: #fff;
  1080. height: 70%; }
  1081. .vjs-text-track-settings .vjs-modal-dialog-content {
  1082. display: table; }
  1083. .vjs-text-track-settings .vjs-track-settings-colors,
  1084. .vjs-text-track-settings .vjs-track-settings-font,
  1085. .vjs-text-track-settings .vjs-track-settings-controls {
  1086. display: table-cell; }
  1087. .vjs-text-track-settings .vjs-track-settings-controls {
  1088. text-align: right;
  1089. vertical-align: bottom; }
  1090. @supports (display: grid) {
  1091. .vjs-text-track-settings .vjs-modal-dialog-content {
  1092. display: grid;
  1093. grid-template-columns: 1fr 1fr;
  1094. grid-template-rows: 1fr;
  1095. padding: 20px 24px 0px 24px; }
  1096. .vjs-track-settings-controls .vjs-default-button {
  1097. margin-bottom: 20px; }
  1098. .vjs-text-track-settings .vjs-track-settings-controls {
  1099. grid-column: 1 / -1; }
  1100. .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  1101. .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  1102. .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
  1103. grid-template-columns: 1fr; } }
  1104. .vjs-track-setting > select {
  1105. margin-right: 1em;
  1106. margin-bottom: 0.5em; }
  1107. .vjs-text-track-settings fieldset {
  1108. margin: 5px;
  1109. padding: 3px;
  1110. border: none; }
  1111. .vjs-text-track-settings fieldset span {
  1112. display: inline-block; }
  1113. .vjs-text-track-settings fieldset span > select {
  1114. max-width: 7.3em; }
  1115. .vjs-text-track-settings legend {
  1116. color: #fff;
  1117. margin: 0 0 5px 0; }
  1118. .vjs-text-track-settings .vjs-label {
  1119. position: absolute;
  1120. clip: rect(1px 1px 1px 1px);
  1121. clip: rect(1px, 1px, 1px, 1px);
  1122. display: block;
  1123. margin: 0 0 5px 0;
  1124. padding: 0;
  1125. border: 0;
  1126. height: 1px;
  1127. width: 1px;
  1128. overflow: hidden; }
  1129. .vjs-track-settings-controls button:focus,
  1130. .vjs-track-settings-controls button:active {
  1131. outline-style: solid;
  1132. outline-width: medium;
  1133. background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }
  1134. .vjs-track-settings-controls button:hover {
  1135. color: rgba(43, 51, 63, 0.75); }
  1136. .vjs-track-settings-controls button {
  1137. background-color: #fff;
  1138. background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  1139. color: #2B333F;
  1140. cursor: pointer;
  1141. border-radius: 2px; }
  1142. .vjs-track-settings-controls .vjs-default-button {
  1143. margin-right: 1em; }
  1144. @media print {
  1145. .video-js > *:not(.vjs-tech):not(.vjs-poster) {
  1146. visibility: hidden; } }
  1147. .vjs-resize-manager {
  1148. position: absolute;
  1149. top: 0;
  1150. left: 0;
  1151. width: 100%;
  1152. height: 100%;
  1153. border: none;
  1154. z-index: -1000; }
  1155. .js-focus-visible .video-js *:focus:not(.focus-visible) {
  1156. outline: none;
  1157. background: none; }
  1158. .video-js *:focus:not(:focus-visible),
  1159. .video-js .vjs-menu *:focus:not(:focus-visible) {
  1160. outline: none;
  1161. background: none; }