Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Interactive Video Player

Cody Flack
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Cody Flack
Front End Web Development Techdegree Graduate 13,213 Points
Posted by Cody Flack
.a{fill-rule:evenodd;}techdegree seal-36
Cody Flack
Front End Web Development Techdegree Graduate 13,213 Points

Mediaelement.js can't position .mejs-time or .mejs-duration

I've managed to position everything where it needs to be on my media player but I can't figure out how to style or position the current time span or the duration span using mejs.

.mejs-custom .mejs-controls .mejs-currenttime { position: absolute; bottom: 15px; left: 45px; }

.mejs-custom .mejs-controls .mejs-duration { position: absolute; bottom: 15px; left: 55px; }

This was one of my many attempts to figure this out, the only reference I can find on custom styling is in the mejs-skins.css file.