| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847 |
- .mejs-container {
- position:relative;
- background:#000;
- text-align:left;
- vertical-align:top;
- text-indent:0;
- }
- .me-plugin {
- position:absolute;
- }
- .mejs-embed, .mejs-embed body {
- width:100%;
- height:100%;
- margin:0;
- padding:0;
- background:#000;
- overflow:hidden;
- }
- .mejs-fullscreen {
- overflow:hidden!important;
- }
- .mejs-container-fullscreen {
- position:fixed;
- left:0;
- top:0;
- right:0;
- bottom:0;
- overflow:hidden;
- z-index:1000;
- }
- .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {
- width:100%;
- height:100%;
- }
- .mejs-clear {
- clear:both;
- }
- .mejs-background {
- position:absolute;
- top:0;
- left:0;
- }
- .mejs-mediaelement {
- position:absolute;
- top:0;
- left:0;
- width:100%;
- height:100%;
- }
- .mejs-poster {
- position:absolute;
- top:0;
- left:0;
- background-size:contain;
- background-position:50% 50%;
- background-repeat:no-repeat;
- }
- :root .mejs-poster img {
- display:none;
- }
- .mejs-poster img {
- border:0;
- padding:0;
- border:0;
- }
- .mejs-overlay {
- position:absolute;
- top:0;
- left:0;
- }
- .mejs-overlay-play {
- cursor:pointer;
- }
- .mejs-overlay-button {
- position:absolute;
- top:50%;
- left:50%;
- width:100px;
- height:100px;
- margin:-50px 0 0 -50px;
- background:url(../img/media-player/bigplay.svg) no-repeat;
- }
- .no-svg .mejs-overlay-button {
- background-image:url(../img/media-player/bigplay.png);
- }
- .mejs-overlay:hover .mejs-overlay-button {
- background-position:0 -100px;
- }
- .mejs-overlay-loading {
- position:absolute;
- top:50%;
- left:50%;
- width:80px;
- height:80px;
- margin:-40px 0 0 -40px;
- background:#333;
- background:url(../img/media-player/background.png);
- background:rgba(0, 0, 0, 0.9);
- background:-webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
- background:-webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
- background:-moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
- background:-o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
- background:-ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
- background:linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
- }
- .mejs-overlay-loading span {
- display:block;
- width:80px;
- height:80px;
- background:transparent url(../img/media-player/loading.gif) 50% 50% no-repeat;
- }
- .mejs-container .mejs-controls {
- position:absolute;
- list-style-type:none;
- margin:0;
- padding:0;
- bottom:0;
- left:0;
- background:url(../img/media-player/background.png);
- background:rgba(0, 0, 0, 0.7);
- background:-webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
- background:-webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
- background:-moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
- background:-o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
- background:-ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
- background:linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
- height:30px;
- width:100%;
- }
- .mejs-container .mejs-controls div {
- list-style-type:none;
- background-image:none;
- display:block;
- float:left;
- margin:0;
- padding:0;
- width:26px;
- height:26px;
- font-size:11px;
- line-height:11px;
- border:0;
- }
- .mejs-controls .mejs-button button {
- cursor:pointer;
- display:block;
- font-size:0;
- line-height:0;
- text-decoration:none;
- margin:7px 5px;
- padding:0;
- position:absolute;
- height:16px;
- width:16px;
- border:0;
- background:transparent url(../img/media-player/controls.svg) no-repeat;
- }
- .no-svg .mejs-controls .mejs-button button {
- background-image:url(../img/media-player/controls.png);
- }
- .mejs-controls .mejs-button button:focus {
- outline:solid 1px yellow;
- }
- .mejs-container .mejs-controls .mejs-time {
- color:#fff;
- display:block;
- height:17px;
- width:auto;
- padding:8px 3px 0 3px;
- overflow:hidden;
- text-align:center;
- -moz-box-sizing:content-box;
- -webkit-box-sizing:content-box;
- box-sizing:content-box;
- }
- .mejs-container .mejs-controls .mejs-time span {
- color:#fff;
- font-size:11px;
- line-height:12px;
- display:block;
- float:left;
- margin:1px 2px 0 0;
- width:auto;
- }
- .mejs-controls .mejs-play button {
- background-position:0 0;
- }
- .mejs-controls .mejs-pause button {
- background-position:0 -16px;
- }
- .mejs-controls .mejs-stop button {
- background-position:-112px 0;
- }
- .mejs-controls div.mejs-time-rail {
- direction:ltr;
- width:200px;
- padding-top:5px;
- }
- .mejs-controls .mejs-time-rail span {
- display:block;
- position:absolute;
- width:180px;
- height:10px;
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- border-radius:2px;
- cursor:pointer;
- }
- .mejs-controls .mejs-time-rail .mejs-time-total {
- margin:5px;
- background:#333;
- background:rgba(50, 50, 50, 0.8);
- background:-webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
- background:-webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
- background:-moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
- background:-o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
- background:-ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
- background:linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
- }
- .mejs-controls .mejs-time-rail .mejs-time-buffering {
- width:100%;
- background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
- background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- -webkit-background-size:15px 15px;
- -moz-background-size:15px 15px;
- -o-background-size:15px 15px;
- background-size:15px 15px;
- -webkit-animation:buffering-stripes 2s linear infinite;
- -moz-animation:buffering-stripes 2s linear infinite;
- -ms-animation:buffering-stripes 2s linear infinite;
- -o-animation:buffering-stripes 2s linear infinite;
- animation:buffering-stripes 2s linear infinite;
- }
- @-webkit-keyframes buffering-stripes {
- from {
- background-position:0 0;
- }
- to {
- background-position:30px 0;
- }
- }
- @-moz-keyframes buffering-stripes {
- from {
- background-position:0 0;
- }
- to {
- background-position:30px 0;
- }
- }
- @-ms-keyframes buffering-stripes {
- from {
- background-position:0 0;
- }
- to {
- background-position:30px 0;
- }
- }
- @-o-keyframes buffering-stripes {
- from {
- background-position:0 0;
- }
- to {
- background-position:30px 0;
- }
- }
- @keyframes buffering-stripes {
- from {
- background-position:0 0;
- }
- to {
- background-position:30px 0;
- }
- }
- .mejs-controls .mejs-time-rail .mejs-time-loaded {
- background:#3caac8;
- background:rgba(60, 170, 200, 0.8);
- background:-webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
- background:-webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
- background:-moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
- background:-o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
- background:-ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
- background:linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
- width:0;
- }
- .mejs-controls .mejs-time-rail .mejs-time-current {
- background:#fff;
- background:rgba(255, 255, 255, 0.8);
- background:-webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
- background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
- background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
- background:-o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
- background:-ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
- background:linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
- width:0;
- }
- .mejs-controls .mejs-time-rail .mejs-time-handle {
- display:none;
- position:absolute;
- margin:0;
- width:10px;
- background:#fff;
- -webkit-border-radius:5px;
- -moz-border-radius:5px;
- border-radius:5px;
- cursor:pointer;
- border:solid 2px #333;
- top:-2px;
- text-align:center;
- }
- .mejs-controls .mejs-time-rail .mejs-time-float {
- position:absolute;
- display:none;
- background:#eee;
- width:36px;
- height:17px;
- border:solid 1px #333;
- top:-26px;
- margin-left:-18px;
- text-align:center;
- color:#111;
- }
- .mejs-controls .mejs-time-rail .mejs-time-float-current {
- margin:2px;
- width:30px;
- display:block;
- text-align:center;
- left:0;
- }
- .mejs-controls .mejs-time-rail .mejs-time-float-corner {
- position:absolute;
- display:block;
- width:0;
- height:0;
- line-height:0;
- border:solid 5px #eee;
- border-color:#eee transparent transparent transparent;
- -webkit-border-radius:0;
- -moz-border-radius:0;
- border-radius:0;
- top:15px;
- left:13px;
- }
- .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
- width:48px;
- }
- .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
- width:44px;
- }
- .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
- left:18px;
- }
- .mejs-controls .mejs-fullscreen-button button {
- background-position:-32px 0;
- }
- .mejs-controls .mejs-unfullscreen button {
- background-position:-32px -16px;
- }
- .mejs-controls .mejs-mute button {
- background-position:-16px -16px;
- }
- .mejs-controls .mejs-unmute button {
- background-position:-16px 0;
- }
- .mejs-controls .mejs-volume-button {
- position:relative;
- }
- .mejs-controls .mejs-volume-button .mejs-volume-slider {
- display:none;
- height:115px;
- width:25px;
- background:url(../img/media-player/background.png);
- background:rgba(50, 50, 50, 0.7);
- -webkit-border-radius:0;
- -moz-border-radius:0;
- border-radius:0;
- top:-115px;
- left:0;
- z-index:1;
- position:absolute;
- margin:0;
- }
- .mejs-controls .mejs-volume-button:hover {
- -webkit-border-radius:0 0 4px 4px;
- -moz-border-radius:0 0 4px 4px;
- border-radius:0 0 4px 4px;
- }
- .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
- position:absolute;
- left:11px;
- top:8px;
- width:2px;
- height:100px;
- background:#ddd;
- background:rgba(255, 255, 255, 0.5);
- margin:0;
- }
- .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
- position:absolute;
- left:11px;
- top:8px;
- width:2px;
- height:100px;
- background:#ddd;
- background:rgba(255, 255, 255, 0.9);
- margin:0;
- }
- .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
- position:absolute;
- left:4px;
- top:-3px;
- width:16px;
- height:6px;
- background:#ddd;
- background:rgba(255, 255, 255, 0.9);
- cursor:N-resize;
- -webkit-border-radius:1px;
- -moz-border-radius:1px;
- border-radius:1px;
- margin:0;
- }
- .mejs-controls div.mejs-horizontal-volume-slider {
- height:26px;
- width:60px;
- position:relative;
- }
- .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
- position:absolute;
- left:0;
- top:11px;
- width:50px;
- height:8px;
- margin:0;
- padding:0;
- font-size:1px;
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- border-radius:2px;
- background:#333;
- background:rgba(50, 50, 50, 0.8);
- background:-webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
- background:-webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
- background:-moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
- background:-o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
- background:-ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
- background:linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
- }
- .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
- position:absolute;
- left:0;
- top:11px;
- width:50px;
- height:8px;
- margin:0;
- padding:0;
- font-size:1px;
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- border-radius:2px;
- background:#fff;
- background:rgba(255, 255, 255, 0.8);
- background:-webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
- background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
- background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
- background:-o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
- background:-ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
- background:linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
- }
- .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
- display:none;
- }
- .mejs-controls .mejs-captions-button {
- position:relative;
- }
- .mejs-controls .mejs-captions-button button {
- background-position:-48px 0;
- }
- .mejs-controls .mejs-captions-button .mejs-captions-selector {
- visibility:hidden;
- position:absolute;
- bottom:26px;
- right:-10px;
- width:130px;
- height:100px;
- background:url(../img/media-player/background.png);
- background:rgba(50, 50, 50, 0.7);
- border:solid 1px transparent;
- padding:10px;
- overflow:hidden;
- -webkit-border-radius:0;
- -moz-border-radius:0;
- border-radius:0;
- }
- .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
- margin:0;
- padding:0;
- display:block;
- list-style-type:none!important;
- overflow:hidden;
- }
- .mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
- margin:0 0 6px 0;
- padding:0;
- list-style-type:none!important;
- display:block;
- color:#fff;
- overflow:hidden;
- }
- .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
- clear:both;
- float:left;
- margin:3px 3px 0 5px;
- }
- .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
- width:100px;
- float:left;
- padding:4px 0 0 0;
- line-height:15px;
- font-size:10px;
- }
- .mejs-controls .mejs-captions-button .mejs-captions-translations {
- font-size:10px;
- margin:0 0 5px 0;
- }
- .mejs-chapters {
- position:absolute;
- top:0;
- left:0;
- -xborder-right:solid 1px #fff;
- width:10000px;
- z-index:1;
- }
- .mejs-chapters .mejs-chapter {
- position:absolute;
- float:left;
- background:#222;
- background:rgba(0, 0, 0, 0.7);
- background:-webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
- background:-webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
- background:-moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
- background:-o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
- background:-ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
- background:linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
- filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
- overflow:hidden;
- border:0;
- }
- .mejs-chapters .mejs-chapter .mejs-chapter-block {
- font-size:11px;
- color:#fff;
- padding:5px;
- display:block;
- border-right:solid 1px #333;
- border-bottom:solid 1px #333;
- cursor:pointer;
- }
- .mejs-chapters .mejs-chapter .mejs-chapter-block-last {
- border-right:none;
- }
- .mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
- background:#666;
- background:rgba(102, 102, 102, 0.7);
- background:-webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
- background:-webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
- background:-moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
- background:-o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
- background:-ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
- background:linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
- filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232);
- }
- .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
- font-size:12px;
- font-weight:bold;
- display:block;
- white-space:nowrap;
- text-overflow:ellipsis;
- margin:0 0 3px 0;
- line-height:12px;
- }
- .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
- font-size:12px;
- line-height:12px;
- margin:3px 0 4px 0;
- display:block;
- white-space:nowrap;
- text-overflow:ellipsis;
- }
- .mejs-captions-layer {
- position:absolute;
- bottom:0;
- left:0;
- text-align:center;
- line-height:22px;
- font-size:12px;
- color:#fff;
- }
- .mejs-captions-layer a {
- color:#fff;
- text-decoration:underline;
- }
- .mejs-captions-layer[lang=ar] {
- font-size:20px;
- font-weight:normal;
- }
- .mejs-captions-position {
- position:absolute;
- width:100%;
- bottom:15px;
- left:0;
- }
- .mejs-captions-position-hover {
- bottom:45px;
- }
- .mejs-captions-text {
- padding:3px 5px;
- background:url(../img/media-player/background.png);
- background:rgba(20, 20, 20, 0.8);
- }
- .me-cannotplay a {
- color:#fff;
- font-weight:bold;
- }
- .me-cannotplay span {
- padding:15px;
- display:block;
- }
- .mejs-controls .mejs-loop-off button {
- background-position:-64px -16px;
- }
- .mejs-controls .mejs-loop-on button {
- background-position:-64px 0;
- }
- .mejs-controls .mejs-backlight-off button {
- background-position:-80px -16px;
- }
- .mejs-controls .mejs-backlight-on button {
- background-position:-80px 0;
- }
- .mejs-controls .mejs-picturecontrols-button {
- background-position:-96px 0;
- }
- .mejs-contextmenu {
- position:absolute;
- width:150px;
- padding:10px;
- border-radius:4px;
- top:0;
- left:0;
- background:#fff;
- border:solid 1px #999;
- z-index:1001;
- }
- .mejs-contextmenu .mejs-contextmenu-separator {
- height:1px;
- font-size:0;
- margin:5px 6px;
- background:#333;
- }
- .mejs-contextmenu .mejs-contextmenu-item {
- font-size:12px;
- padding:4px 6px;
- cursor:pointer;
- color:#333;
- }
- .mejs-contextmenu .mejs-contextmenu-item:hover {
- background:#2C7C91;
- color:#fff;
- }
- .mejs-controls .mejs-sourcechooser-button {
- position:relative;
- }
- .mejs-controls .mejs-sourcechooser-button button {
- background-position:-128px 0;
- }
- .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
- visibility:hidden;
- position:absolute;
- bottom:26px;
- right:-10px;
- width:130px;
- height:100px;
- background:url(../img/media-player/background.png);
- background:rgba(50, 50, 50, 0.7);
- border:solid 1px transparent;
- padding:10px;
- overflow:hidden;
- -webkit-border-radius:0;
- -moz-border-radius:0;
- border-radius:0;
- }
- .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
- margin:0;
- padding:0;
- display:block;
- list-style-type:none!important;
- overflow:hidden;
- }
- .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
- margin:0 0 6px 0;
- padding:0;
- list-style-type:none!important;
- display:block;
- color:#fff;
- overflow:hidden;
- }
- .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
- clear:both;
- float:left;
- margin:3px 3px 0 5px;
- }
- .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
- width:100px;
- float:left;
- padding:4px 0 0 0;
- line-height:15px;
- font-size:10px;
- }
- .mejs-postroll-layer {
- position:absolute;
- bottom:0;
- left:0;
- width:100%;
- height:100%;
- background:url(../img/media-player/background.png);
- background:rgba(50, 50, 50, 0.7);
- z-index:1000;
- overflow:hidden;
- }
- .mejs-postroll-layer-content {
- width:100%;
- height:100%;
- }
- .mejs-postroll-close {
- position:absolute;
- right:0;
- top:0;
- background:url(../img/media-player/background.png);
- background:rgba(50, 50, 50, 0.7);
- color:#fff;
- padding:4px;
- z-index:100;
- cursor:pointer;
- }
|