Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
mobile styles for the default mediaelement.js skin
.mejs-controls div.mejs-time-rail {
padding-top: 2px;
}
.mejs-controls .mejs-time-rail span {
height: 26px;
}
.mejs-container .mejs-controls{
height: 40px;
background-color: #f3f3f3;
padding-left: 10px;
padding-right: 10px;
margin-left: -10px;
margin-right: -10px;
}
.mejs-controls .mejs-pause button, .mejs-controls .mejs-play button {
margin-top: 11px;
}
.mejs-controls .mejs-pause button {
-webkit-transform: scale(1.6);
-mos-transform: scale(1.6);
transform: scale(1.6);
}
.mejs-controls .mejs-play button {
-webkit-transform: scale(1.6);
-mos-transform: scale(1.6);
transform: scale(1.6);
}
.mejs-controls .mejs-unmute button {
-webkit-transform: scale(1.4);
-mos-transform: scale(1.4);
transform: scale(1.4);
margin-top: 11px;
}
.mejs-controls .mejs-mute button {
background-position: -16px -16px;
-webkit-transform: scale(1.4);
-mos-transform: scale(1.4);
transform: scale(1.4);
margin-top: 11px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
height: 26px;
}
.mejs-controls div.mejs-horizontal-volume-slider {
margin-top: -4px;
}
div.mejs-time.mejs-duration-container, div.mejs-time.mejs-currenttime-container{
margin-top: 5px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.