video.css 45 KB

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