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

HTML HTML Video and Audio (Retired) Custom Media Players Polishing a Custom Skin

Posted by Mariusz Wilk
Mariusz Wilk
6,585 Points

no floating number

I can't see any number above the timeline.

My code:

.mejs-treehouse .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-treehouse .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-treehouse .mejs-controls .mejs-time-rail .mejs-time-byffering, .mejs-treehouse .mejs-controls .mejs-time-rail .mejs-time-handle { background: #2d3339; margin: 0; }

.mejs-treehouse .mejs-controls .mejs-time-rail .mejs-time-current { background: #cc2399; }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-float { border: none; background: none; text-shadow: 0px 1px 2px rgba(0,0,0,0.8); font-family: Helvetica, Arial; font-size: 13px; color: #FFF; }

any ideas?

2 Answers

Jeff Jacobson-Swartfager
Jeff Jacobson-Swartfager
15,419 Points
Jeff Jacobson-Swartfager
Jeff Jacobson-Swartfager
15,419 Points

Make sure that you are selecting .mejs-time-buffering instead of .mejs-time-byffering.

.mejs-treehouse .mejs-controls .mejs-time-rail .mejs-time-total, 
.mejs-treehouse .mejs-controls .mejs-time-rail .mejs-time-loaded, 
.mejs-treehouse .mejs-controls .mejs-time-rail .mejs-time-byffering, 
.mejs-treehouse .mejs-controls .mejs-time-rail .mejs-time-handle { 
  background: #2d3339; 
  margin: 0; 
}

.mejs-treehouse .mejs-controls .mejs-time-rail .mejs-time-current { 
  background: #cc2399; 
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-float { 
  border: none; 
  background: none; 
  text-shadow: 0px 1px 2px rgba(0,0,0,0.8); 
  font-family: Helvetica, Arial; 
  font-size: 13px; 
  color: #FFF; 
}
Mariusz Wilk
Mariusz Wilk
6,585 Points
Mariusz Wilk
Mariusz Wilk
6,585 Points

Thanx, I did that, but the number's still not floating.. But at least now the video is playing properely! Can you tell me how to make the text I'm writing here look like code (box, different colors, tabs and all that)? Plus maybe you know whether I can write sth in the console so that it shows me where my mistake is located..

Jeff Jacobson-Swartfager
Jeff Jacobson-Swartfager
15,419 Points
Jeff Jacobson-Swartfager
Jeff Jacobson-Swartfager
15,419 Points

With the exception of that one change, your code looks fine and works for me.

While playing with the video in Chrome 39.0.2171.99, I noticed that the floating numbers would disappear after clicking to skip. Mousing out and then back into the video returned them.

To make text look like code, format your questions in Markdown.