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