Progress Bar not centered

cycle — Jul 30, 2015 05:29AM EDT

The progress bar of the player appears to not be centered vertically.
You can take a look here:
http://moo.bg/jwplayer7/

7 Community Answers

Up Down

MisterNeutron

User

Jul 30, 2015 08:22AM EDT 0 rated :

Compare: http://misterneutron.com/JW7videoResponsive/

I'm not sure why they're different. Try giving the page a proper DOCTYPE and meta charset (like my example). Remove the trailing comma after the aspectratio (it's the last attribute, so there should be no comma).

Have you made any changes to the seven.css?

Up Down

cycle

User

Jul 30, 2015 04:14PM EDT 0 rated :

No changes. It appears the issue was due to the DOCTYPE.

Up Down

MisterNeutron

User

Jul 30, 2015 05:06PM EDT 1 rated :

It's surprising what a missing or improper DOCTYPE can do! Glad that fixed it.

(Your meta charset is still not right - in HTML5, it's:

<meta charset="UTF-8">

Not doing any harm, but might as well get it right.)

Up Down

Todd

JW Player Support Agent

Aug 03, 2015 09:51AM EDT 0 rated :

I think it has something to do with the way the browsers render the HTML5 and CSS. I’ll ask our engineers and get back to you.

Up Down

spcooney

User

Sep 03, 2015 10:37AM EDT 0 rated :

I was having the same issue. DOCTYPE was the fix. Thanks for the post!

Up Down

eray_gul4b N/A

User

Dec 02, 2015 05:08PM EST 0 rated :

i was having same issue can anyone help me?

Up Down

Yerimen

User

Feb 11, 2016 06:08AM EST 0 rated :

Ok, the problem is on headers...

Not Working Version:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">

Working Version:

<!DOCTYPE html>
<head>

This question has received the maximum number of answers.