609 lines
18 KiB
CSS
609 lines
18 KiB
CSS
|
/* thx to http://icomoon.io */
|
||
|
|
.mediaplayer[data-state="waiting"] > .jme-media-overlay, .mediaplayer .fullscreen, .mediaplayer .fullscreen.state-exitfullscreen, .mediaplayer .mediaconfigmenu, .mediaplayer[data-state="idle"] > .jme-media-overlay, .mediaplayer button.play-pause, .mediaplayer button.play-pause.state-playing, .mediaplayer .mute-unmute, .mediaplayer[data-volume="medium"] .mute-unmute, .mediaplayer[data-volume="low"] .mute-unmute, .mediaplayer[data-volume="no"] .mute-unmute, .mediaplayer .state-unmute.mute-unmute, .mediaplayer .captions, .mediaplayer .subtitle-menu button[aria-checked="true"], .mediaplayer .subtitle-menu button, .mediaplayer .playlist-next, .mediaplayer .playlist-prev, .mediaplayer .chapters, .mediaplayer[data-state="ended"] > .jme-media-overlay {
|
||
|
|
font-family: 'jme';
|
||
|
|
speak: none;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: normal;
|
||
|
|
font-variant: normal;
|
||
|
|
text-transform: none;
|
||
|
|
line-height: 1;
|
||
|
|
zoom: 1;
|
||
|
|
/* Better Font Rendering =========== */
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer[data-state="waiting"] > .jme-media-overlay:before {
|
||
|
|
content: "\e612";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer .fullscreen:before {
|
||
|
|
content: "\e604";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer .fullscreen.state-exitfullscreen:before {
|
||
|
|
content: "\e605";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer .mediaconfigmenu:before {
|
||
|
|
content: "\e606";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer[data-state="idle"] > .jme-media-overlay:before {
|
||
|
|
content: "\e608";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer button.play-pause:before {
|
||
|
|
content: "\e60a";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer button.play-pause.state-playing:before {
|
||
|
|
content: "\e60b";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer .mute-unmute:before {
|
||
|
|
content: "\e60c";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer[data-volume="medium"] .mute-unmute:before {
|
||
|
|
content: "\e60d";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer[data-volume="low"] .mute-unmute:before {
|
||
|
|
content: "\e60e";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer[data-volume="no"] .mute-unmute:before {
|
||
|
|
content: "\e60f";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer .state-unmute.mute-unmute:before {
|
||
|
|
content: "\e610";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer .captions:before {
|
||
|
|
content: "\e600";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer .subtitle-menu button[aria-checked="true"]:before {
|
||
|
|
content: "\e616";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer .subtitle-menu button:before {
|
||
|
|
content: "\e617";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer .playlist-next:before {
|
||
|
|
content: "\e602";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer .playlist-prev:before {
|
||
|
|
content: "\e603";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer .chapters:before {
|
||
|
|
content: "\e615";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer[data-state="ended"] > .jme-media-overlay:before {
|
||
|
|
content: "\e601";
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'jme';
|
||
|
|
src: url("jme.eot");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: 'jme';
|
||
|
|
src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAA5sAAoAAAAADiQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAACq0AAAqt29xKpU9TLzIAAAukAAAAYAAAAGAIIvzPY21hcAAADAQAAABMAAAATBpVzHBnYXNwAAAMUAAAAAgAAAAIAAAAEGhlYWQAAAxYAAAANgAAADb/1ko1aGhlYQAADJAAAAAkAAAAJAQCAh9obXR4AAAMtAAAAHgAAAB4NSAB521heHAAAA0sAAAABgAAAAYAHlAAbmFtZQAADTQAAAEVAAABFQcRlmFwb3N0AAAOTAAAACAAAAAgAAMAAAEABAQAAQEBBGptZQABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/i0+HQFHQAAAQAPHQAAAQURHQAAAAkdAAAKpBIAHwEBBAcJCw4TGB0iJywxNjtARUpPVFleY2htcnd8gYaLkGptZWptZXUwdTF1MjB1RTYwMHVFNjAxdUU2MDJ1RTYwM3VFNjA0dUU2MDV1RTYwNnVFNjA3dUU2MDh1RTYwOXVFNjBBdUU2MEJ1RTYwQ3VFNjBEdUU2MEV1RTYwRnVFNjEwdUU2MTF1RTYxMnVFNjEzdUU2MTR1RTYxNXVFNjE2dUU2MTd1RTYxOHVFNjE5AAACAYkAHAAeAgABAAQABwAKAA0BJAGCAZ8BuwHiAgoCngLwA1EDvgPMA+oEsAU6BZEFuQYFBoAHcwe1B/sIaQikCMgJJQlf/JQO/JQO/JQO+5QO+IL4ABX7f7sFiYuJi4mLCPt/WwWDioWEi4MIi/uyBYuDkYWTiQj3f1wFjYqNi42MCPd/ugWTjZGRi5MIi/eyBYuThZKDjAj7o/twFXtncnlpi1KLZbqLz4vQsbnEi6yLpXqbaYyIi4iKiIqIiYiIighvfwWFiISOiJGHlIOVfot2i3xyi2eLZ5pyoIuai5KajZGNj42NjoyOjY+LjokIp38FjoqNiYyIjYeLiImICPd/ixV6Z3J5aYtTi2W6i8+L0LG5w4uti6R6m2mNiIuIioiJiImIiIoIcH8FhIiEjoiRh5SDlX6Ldot9cotni2eZcqCLmouSmo6RjI+NjY+Mjo2Oi4+JCKZ/BY6KjomMiIyHi4iKiAgO+En4KRVduUuoRIv7AosuRmYqCMd0BabU0r/di8CLu3auaAhDQ/dUi4v3VEBABftJ/AkVVotboGiuCNPT+1SLi/tU1tYFuV3LbtKL9wKL6NCw7AhPogVwQkRXOYsIDvgU+DQVi/wUS4uL90T7NPs0i/f09zT7NIv3RAUO9xSrFYv4FMuLi/tE9zT3NIv79Ps09zSL+0QFDvh1+FUVi/tLRdI2NmG14OBE0QVF+7sVNzbRRftLi4v3S9FF4N8FDvd491gVi/tLRdE2N2G13+BF0QX4SPdnFTc20UX7S4uL90vRReDfBQ74lPdEFYvrQpcFiJSHlIeUCLbHR89PYAWCj4KPgo4If9Qri39CBYKIgoeChwhPtkdHtk8Fh4KHgoiCCEJ/iyvVfwWOgo6Cj4MIYE7PR8i2BZOHlIiUiAiXQeuLl9UFlI6UjpOPCMhgz89gyAWPk46UjpQI1ZcF+5R7FWiLbqiLrouuqKiui66LqG6LaItobm5oiwgOi/h0FfcUi4v7FPsUiwX3VOsV99SLi0v71IsF+1QrFfcUi4v7FPsUiwX3VOsV99SLi0v71IsF+1QrFfcUi4v7FPsUiwX3VOsV99SLi0v71IsFDveU+HQV+yGL+wf7B4v7IYv7IfcH+wf3IYv3IYv3B/cHi/chi/ch+wf3B/shiwiL/GQV+weLLuiL9weL9wfo6PcHi/cHi+gui/sHi/sHLi77B4sIS/fUFfdU+wT7VPsEBQ73lPh0Ffshi/sH+weL+yGL+yH3B/sH9yGL9yGL9wf3B4v3IYv3IfsH9wf7IYsIi/xkFfsHiy7oi/cHi/cH6Oj3B4v3B4voLov7B4v7By4u+weLCCv3xBXLi4v7VEuLBfcU91QVy4uL+1RLiwUOyfhdFfgY+338GPt9BQ6i+F0V91aLi/xm+1aLBfek+GYV91aLi/xm+1aLBQ6r+FGeFYWLhY2GkIKUi5uUlLe3o8WLyYvJc8Vft4KUi5uUlJSUm4uUgsBWqEWLQItAbkVWVgiGhoWJhYsINrgVhYuEjoePgZWLmpWUzM2L9UrNgZSLmpWVlJSai5WCtGKhVYtRi1F1VWJihoeFiIWLCDa4FYSLhY6HkIGUi5qVlLO0i81jtIGUi5qVlJSVmouUgcdQiytPUIeGhYiFiwhB9+AVmJiVhot5CIv8MgWLeYGHfpcI+w33DTuLi/dU24v3DfcNBQ73/MsVhYuEjoePgZWLmpWUzM2L9UrNgZSLmpWVlJSai5WCtGKhVYtRi1F1VWJihoeFiIWLCDa4FYSLhY6HkIGUi5qVlLO0i81jtIGUi5qVlJSVmouUgcdQiytPUIeGhYiFiwhB9+AVmJiVhot5CIv8MgWLeYGHfpcI+w33DTuLi/dU24v3DfcNBQ73p/cBFYSLhY6HkIGUi5qVlLO0i81jtIGUi5qVlJSVmouUgcdQiytPUIeGhYiFiwhB9+AVmJiVhot5CIv8MgWLeYGHfpcI+w33DTuLi/dU24v3DfcNBQ73XfhNFZiYlYaLeQiL/DIFi3mBh36XCPsN9w07i4v3VNuL9w33DQUO9134TRWYmJWGi3kIi/wyBYt5gYd+lwj7DfcNO4uL91Tbi/cN9w0F96v7oxWLYWGLVcFVVWGLi7XBwVXBi7W1i8FVwcG1i4thVVUFDvhE9xQVdIt3gnx8CPtr9gWMj4uQi4+Lj4uQio8I92v2BZp8n4Kii7eLr6+Lt4u3Z69fi1+LZ2eLX4uHi4aMhwj7ayAFfJp3lHSLX4tnZ4tfi1+vZ7eLoouflJqaCPdrIAWKh4uGi4eLX69nt4u3i6+vi7eLt2evX4sIDviU93QViqyErX6pfap4pnOic6JvnW2XbJdqkWuKa4pqhG5+bX5xeXR0dXN6cH9ugG2Fa4xsCIxskWuYb5hunXGhdqF2pnqngKiAqoWpjKmMqZGnl6eYpJyfoaCgm6WWppGckJ2NnAiMi4uLjIudi5mai5yLjIuMi4wIi4sFWDYVf3B6c3d3dnhye3CBcYBuhm+Mb4xvkXGWcZd0m3ifeJ98o4GlgaSGp4ymjKaRppakCJajmqKfnZ6eopmklaOUppCliqWKpYajgKKAoXydeZx4mXWUc5R0kHGKcgiLiwWLiouKi4qLe5d9nIqHeYZ6hHsIDvhU+HQV/FSLi/yU+JSLi/hUS8sF+1RLFcuLi/sUS4uL9xQF91T8FBX8FIuL+BSri4v7NPe0i4v3NLCLpnCL+/kFDvh/+CQVQ5U7kTiLOIs7hUOBflWDUItMi0yTUJhV04Hbhd6L3ovbkdOVmMGTxovKi8qDxn7BCPu/+6QVi/dU9zQr+zQrBQ73VMsV99SLi0v71IsFi/eUFffUi4tL+9SLBYv3lBX31IuLS/vUiwUr6xWL+xRri4vra4uLqwWr+5sVi3LLi4trK4uL1Mupi6RLi4ur64uLQgWL+wsVi/s0K4uLq8uLi6tLi4ury4uLq0uLi6sFDov4dBWL/JT4lIuL+JT8lIsF+HT8dBX8VIuL+FT4VIuL/FQFK/gEFfs0+zQr60tL9zT7NPd093RLywUOi/h0FYv8lPiUi4v4lPyUiwX4dPx0FfxUi4v4VPhUi4v8VAUO9930FSL1i/chy4uL+wfiNQX7C/fdFfshi/sH+weL+yGL+yH3B/sH9yGL9yGL9wf3B4v3IYv3IfsH9wf7IYsIi/xUFSGLNeGL9Yv14eH1i/WL4TWLIYshNTUhiwgOy/d0FfcU9xRLi/sU+xT3FPsUy4sF91T3lBVLi/cU+xT7FPsUy4v3FPcUBfuE91QVO/wUu4vb+BQFDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQ
|
||
|
|
font-weight: normal;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
@keyframes jmespin {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(360deg);
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.jme-controlbar {
|
||
|
|
display: table;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jme-cb-box {
|
||
|
|
display: table-row;
|
||
|
|
}
|
||
|
|
.jme-cb-box > div {
|
||
|
|
display: table-cell;
|
||
|
|
padding: 0.21875em;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.jme-cb-box .progress-container {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.jme-cb-box .mute-container {
|
||
|
|
padding-right: 0.0625em;
|
||
|
|
}
|
||
|
|
.jme-cb-box .volume-container {
|
||
|
|
padding-left: 0.0625em;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-playersizes~="xs"] > .jme-controlbar {
|
||
|
|
padding-top: 0.25em;
|
||
|
|
}
|
||
|
|
[data-playersizes~="xs"] > .jme-controlbar .time-slider {
|
||
|
|
position: absolute;
|
||
|
|
top: -0.125em;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
[data-playersizes~="xs"] > .jme-controlbar .progress-container {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
[data-playersizes~="xs"] > .jme-controlbar .progress-container:before {
|
||
|
|
content: "/";
|
||
|
|
}
|
||
|
|
[data-playersizes~="xs"] > .jme-controlbar .duration-container {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-playersize="xx-small"] > .jme-controlbar .progress-container:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
[data-playersize="xx-small"] > .jme-controlbar .duration-display,
|
||
|
|
[data-playersize="xx-small"] > .jme-controlbar .volume-container {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer {
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
width: 512px;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.mediaplayer video {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.audioplayer .media-controls .fullscreen-container {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer {
|
||
|
|
/*
|
||
|
|
.mediachapter-bar {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
list-style: none;
|
||
|
|
|
||
|
|
ul, li {
|
||
|
|
position: relative;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
height: 100%;
|
||
|
|
float: left;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
ul {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
li {
|
||
|
|
background: rgba(255, 255, 255, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
span {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
}
|
||
|
|
.mediaplayer button {
|
||
|
|
overflow: visible;
|
||
|
|
-webkit-appearance: none;
|
||
|
|
background: none;
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
font-size: inherit;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.mediaplayer button::-moz-focus-inner {
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.mediaplayer > .jme-media-overlay {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
font-size: 400%;
|
||
|
|
color: #f6f6f6;
|
||
|
|
text-align: center;
|
||
|
|
background: url(../styles/transparent.png) \9;
|
||
|
|
}
|
||
|
|
.mediaplayer > .jme-media-overlay:before {
|
||
|
|
content: '\0020';
|
||
|
|
position: absolute;
|
||
|
|
display: block;
|
||
|
|
width: 1em;
|
||
|
|
height: 1em;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
margin: -0.5em 0 0 -0.5em;
|
||
|
|
background: url(../styles/transparent.png) \9;
|
||
|
|
text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
|
||
|
|
}
|
||
|
|
.mediaplayer[data-playersize="x-large"] > .jme-media-overlay {
|
||
|
|
font-size: 550%;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-playersize="large"] > .jme-media-overlay {
|
||
|
|
font-size: 450%;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-playersize="small"] > .jme-media-overlay {
|
||
|
|
font-size: 350%;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-playersize="x-small"] > .jme-media-overlay {
|
||
|
|
font-size: 300%;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-playersize="xx-small"] > .jme-media-overlay {
|
||
|
|
font-size: 240%;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-state="idle"] {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-state="idle"] > .jme-media-overlay {
|
||
|
|
background-position: 1px 1px;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-state="idle"].has-ytposter.no-backgroundsize > .jme-media-overlay:before {
|
||
|
|
content: "";
|
||
|
|
background-position: 2px 2px;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-state="ended"] {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-state="ended"] > .jme-media-overlay {
|
||
|
|
background-position: 3px 3px;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-state="waiting"] {
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-state="waiting"] > .jme-media-overlay {
|
||
|
|
background-position: 4px 4px;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-state="waiting"] > .jme-media-overlay:before {
|
||
|
|
animation-name: jmespin;
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
animation-duration: 1100ms;
|
||
|
|
animation-timing-function: linear;
|
||
|
|
background-position: 5px 5px;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-state="playing"][data-useractivity="false"] .jme-controlbar {
|
||
|
|
opacity: 0;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
.mediaplayer .cue-display span.cue-wrapper {
|
||
|
|
transition: bottom 300ms;
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-state="playing"][data-useractivity="false"] .cue-display span.cue-wrapper {
|
||
|
|
bottom: -35px;
|
||
|
|
}
|
||
|
|
.mediaplayer .ws-poster {
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
background: #000 no-repeat center / contain;
|
||
|
|
}
|
||
|
|
.mediaplayer.initial-state .ws-poster {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.mediaplayer.no-poster .ws-poster, .mediaplayer.no-backgroundsize div.ws-poster {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mediaplayer > .jme-controlbar {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
width: auto;
|
||
|
|
cursor: default;
|
||
|
|
outline: none;
|
||
|
|
background: #333;
|
||
|
|
background: rgba(0, 0, 0, 0.6);
|
||
|
|
color: #e1e1e1;
|
||
|
|
transition: all 300ms;
|
||
|
|
}
|
||
|
|
.mediaplayer > .jme-controlbar button {
|
||
|
|
display: inline-block;
|
||
|
|
color: inherit;
|
||
|
|
width: 1.5em;
|
||
|
|
height: 1.5em;
|
||
|
|
cursor: pointer;
|
||
|
|
text-align: center;
|
||
|
|
transition: color 400ms;
|
||
|
|
}
|
||
|
|
.mediaplayer > .jme-controlbar button:hover, .mediaplayer > .jme-controlbar button:focus {
|
||
|
|
color: #fefefe;
|
||
|
|
}
|
||
|
|
.mediaplayer > .jme-controlbar button:active {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.mediaplayer > .jme-controlbar button[disabled] {
|
||
|
|
color: #ccc;
|
||
|
|
cursor: default;
|
||
|
|
cursor: not-allowed;
|
||
|
|
}
|
||
|
|
.mediaplayer .currenttime-display,
|
||
|
|
.mediaplayer .duration-display,
|
||
|
|
.mediaplayer .time-select {
|
||
|
|
font-size: 81.3%;
|
||
|
|
font-family: sans-serif;
|
||
|
|
margin-top: 0.03em;
|
||
|
|
}
|
||
|
|
.mediaplayer .playlist-container {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mediaplayer .playlist-box,
|
||
|
|
.mediaplayer .playlist-button-container, .mediaplayer.has-playlist .playlist-container {
|
||
|
|
display: table-cell;
|
||
|
|
}
|
||
|
|
.mediaplayer .no-volume-api .volume-container,
|
||
|
|
.mediaplayer .no-volume-api .mute-container {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.mediaplayer .no-volume-api .mute-unmute,
|
||
|
|
.mediaplayer .no-volume-api .volume-slider {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mediaplayer .chapters-container {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mediaplayer.has-chapter-tracks .chapters-container {
|
||
|
|
display: table-cell;
|
||
|
|
}
|
||
|
|
.mediaplayer .captions[role="checkbox"] {
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
.mediaplayer .captions[role="checkbox"][aria-checked="true"] {
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-tracks="0"] .subtitle-container {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-tracks="1"] .captions[aria-haspopup],
|
||
|
|
.mediaplayer[data-tracks="1"] .subtitle-menu {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-tracks="many"] .captions[role="checkbox"] {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mediaplayer .mediamenu-wrapper {
|
||
|
|
position: relative;
|
||
|
|
zoom: 1;
|
||
|
|
}
|
||
|
|
.mediaplayer .mediamenu {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 1.75em;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
width: 400px;
|
||
|
|
right: -0.625em;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
.mediaplayer .mediamenu h5 {
|
||
|
|
font-size: 100%;
|
||
|
|
margin: 0.3125em 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.mediaplayer .mediamenu ul, .mediaplayer .mediamenu li {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.mediaplayer .mediamenu li > ul {
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
.mediaplayer .mediamenu button {
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
zoom: 1;
|
||
|
|
width: 100%;
|
||
|
|
text-align: left;
|
||
|
|
height: auto;
|
||
|
|
padding: 2px;
|
||
|
|
font-size: 81.3%;
|
||
|
|
}
|
||
|
|
.mediaplayer .mediamenu > div {
|
||
|
|
position: relative;
|
||
|
|
zoom: 1;
|
||
|
|
visibility: hidden;
|
||
|
|
float: right;
|
||
|
|
padding: 0.3125em;
|
||
|
|
background: #333;
|
||
|
|
background: rgba(0, 0, 0, 0.6);
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(-3%);
|
||
|
|
transition: all 200ms;
|
||
|
|
}
|
||
|
|
.mediaplayer .mediamenu > div > .media-submenu {
|
||
|
|
margin: 0.3125em 0;
|
||
|
|
padding: 0.3125em 0;
|
||
|
|
border-top: 0.0625em solid #eeeeee;
|
||
|
|
border-top: 0.0625em solid rgba(255, 255, 255, 0.4);
|
||
|
|
}
|
||
|
|
.mediaplayer .mediamenu > div > .media-submenu:first-child {
|
||
|
|
margin-top: 0;
|
||
|
|
border-top: none;
|
||
|
|
}
|
||
|
|
.mediaplayer .mediamenu > div iframe {
|
||
|
|
visibility: inherit !important;
|
||
|
|
}
|
||
|
|
.mediaplayer .mediamenu.visible-menu > div {
|
||
|
|
visibility: visible;
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
.mediaplayer .subtitle-menu button:before {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: middle;
|
||
|
|
padding: 0 5px 0 0;
|
||
|
|
}
|
||
|
|
.mediaplayer .mediaconfig-container {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mediaplayer.has-config-menu .mediaconfig-container {
|
||
|
|
display: table-cell;
|
||
|
|
}
|
||
|
|
.mediaplayer .buffer-progress {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.mediaplayer .buffer-progress-indicator {
|
||
|
|
cursor: pointer;
|
||
|
|
height: 100%;
|
||
|
|
background: #bbb;
|
||
|
|
background: rgba(255, 255, 255, 0.2);
|
||
|
|
}
|
||
|
|
.mediaplayer .media-range {
|
||
|
|
position: relative;
|
||
|
|
zoom: 1;
|
||
|
|
height: 0.4375em;
|
||
|
|
border: 1px solid #999;
|
||
|
|
border-color: rgba(255, 255, 255, 0.4);
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.mediaplayer .ws-range-progress,
|
||
|
|
.mediaplayer .ws-range-track,
|
||
|
|
.mediaplayer .ws-range-thumb,
|
||
|
|
.mediaplayer .time-select {
|
||
|
|
position: absolute;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.mediaplayer .time-select {
|
||
|
|
display: inline-block;
|
||
|
|
overflow: hidden;
|
||
|
|
text-align: center;
|
||
|
|
visibility: hidden;
|
||
|
|
opacity: 0;
|
||
|
|
transition: 400ms opacity, 400ms visibility;
|
||
|
|
background: #333;
|
||
|
|
background: rgba(0, 0, 0, 0.6);
|
||
|
|
color: #eee;
|
||
|
|
bottom: 1.25em;
|
||
|
|
margin: 0 0 4px 0;
|
||
|
|
padding: 0.25em 0.125em 0.125em;
|
||
|
|
min-width: 2.8em;
|
||
|
|
}
|
||
|
|
.mediaplayer .time-select.show-time-select {
|
||
|
|
opacity: 1;
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
.mediaplayer .ws-range-track {
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
.mediaplayer .ws-range-progress {
|
||
|
|
-moz-box-sizing: content-box;
|
||
|
|
box-sizing: content-box;
|
||
|
|
cursor: pointer;
|
||
|
|
background: #e1e1e1;
|
||
|
|
background: rgba(255, 255, 255, 0.3);
|
||
|
|
left: 0;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.mediaplayer .ws-range-thumb {
|
||
|
|
cursor: pointer;
|
||
|
|
width: 0.5625em;
|
||
|
|
height: 0.5625em;
|
||
|
|
background: #f1f1f1;
|
||
|
|
background: rgba(255, 255, 255, 0.9);
|
||
|
|
}
|
||
|
|
.mediaplayer [aria-disabled="true"] .ws-range-thumb {
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.mediaplayer .ws-focus .ws-range-thumb {
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.mediaplayer .time-slider .ws-range-thumb {
|
||
|
|
width: 0.75em;
|
||
|
|
}
|
||
|
|
.mediaplayer .volume-slider {
|
||
|
|
width: 60px;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-playersize="medium"] .volume-slider {
|
||
|
|
width: 80px;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-playersize="large"] .volume-slider {
|
||
|
|
width: 110px;
|
||
|
|
}
|
||
|
|
.mediaplayer[data-playersize="x-large"] .volume-slider {
|
||
|
|
width: 130px;
|
||
|
|
}
|
||
|
|
.mediaplayer.state-muted .volume-slider .ws-range-progress {
|
||
|
|
width: 0 !important;
|
||
|
|
}
|
||
|
|
.mediaplayer.state-muted .volume-slider .ws-range-thumb {
|
||
|
|
left: 0 !important;
|
||
|
|
}
|
||
|
|
.mediaplayer .ws-a11y-focus {
|
||
|
|
outline: 1px dotted #eee;
|
||
|
|
outline: 1px dotted rgba(255, 255, 255, 0.8);
|
||
|
|
}
|
||
|
|
.mediaplayer .ws-a11y-focus:hover {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.has-media-fullscreen {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.player-fullscreen {
|
||
|
|
position: fixed !important;
|
||
|
|
z-index: 999999;
|
||
|
|
background: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mediaplayer[data-useractivity="false"][data-state="playing"].player-fullscreen,
|
||
|
|
.mediaplayer[data-useractivity="false"][data-state="playing"].player-fullscreen .jme-media-overlay,
|
||
|
|
.mediaplayer[data-useractivity="false"][data-state="playing"].player-fullscreen .cue-display {
|
||
|
|
cursor: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-fullscreen,
|
||
|
|
.player-fullscreen .polyfill-mediaelement,
|
||
|
|
.player-fullscreen {
|
||
|
|
top: 0 !important;
|
||
|
|
left: 0 !important;
|
||
|
|
right: 0 !important;
|
||
|
|
bottom: 0 !important;
|
||
|
|
width: 100% !important;
|
||
|
|
height: 100% !important;
|
||
|
|
max-width: none !important;
|
||
|
|
padding: 0 !important;
|
||
|
|
margin: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-fullscreen {
|
||
|
|
position: relative;
|
||
|
|
}
|