I'm just trying out video.js as a new player to replace my flash one.

I've only just installed it & haven't fiddled with anything yet. All works fine but the interface doesn't show properly in any browser (see screenshot).
The buttons & sliders are overlapping and overflowing and there is black space at the top of the video.
How can I fix this?

CommentFileSizeAuthor
Screen.png412.97 KBCorbey

Comments

Jorrit’s picture

Jorrit commented
Category: bug » support
Status: Active » Closed (works as designed)

I think there is some interference between the CSS of your theme and the styles of the player. Please try a standard theme first and use Firebug or another tool to find out how your theme is interfering with the Video.js player. If the player also looks bad on the Drupal standard theme, please reopen this issue.

Corbey’s picture

Corbey commented

Apologies!
I was using a standard theme which is why I thought it was a bug, but it turns out a colleague had been fiddling around and messed things up!

Jorrit’s picture

Jorrit commented

As usual those pesky colleagues :) He owes you a beer now.