Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Scrub bar misaligned when not use doctype html5 in JWP 7.1.5

I have updated JWP to version 7.1.5 and I see the scrub bar misaligned due to html5 doctype missing. I cannot use HTML5, I have personal reasons for this choice and I'd like to have this bug resolved...

http://s23.postimg.org/ls565d4cb/Cattura.png

Can you fix this bug?

http://www.alecos.it/diary_15092014.php#P163263

Thanks

5 Community Answers

Up Down

alecosnet

User  
0 rated :

Solved putting into my css this rule for other DocType not HTML5:

/* Fix DocType Scrub Bar in JWPlayer */
.jw-slider-horizontal {
height: 5px !important;
}

Solved my issue!

Up Down

Todd

JW Player Support Agent  
0 rated :

Cool, thanks for sharing!

Up Down

alecosnet

User  
1 rated :

/* Fix DocType Scrub Bar in JWPlayer */
.jw-slider-horizontal {
height: 3px !important;
}

Better value is height 3 insted of height: 5...

Thanks

Up Down

alecosnet

User  
0 rated :

http://stackoverflow.com/questions/6088972/get-doctype-of-an-html-as-string-with-javascript


Maybe doing something like this:

If (document.doctype == '<!DOCTYPE html>') {
css scrub bar xxx;
} Else {
css scrub bar height: 3;
}

This is a very banal example.... I think that can work fine....

Up Down

alecosnet

User  
1 rated :

I have an idea! And I wrote a small script in javascript in order to detect html5 doctype. This trick should work on recent browsers including IE9 or better.

var html5_check = new XMLSerializer().serializeToString(document.doctype);
var html5_doctype = '<!DOCTYPE html>';
if (html5_check === null) {
return false;
} else {
if (html5_check == html5_doctype) {
/* We have an HTML5 DocType */
.jw-slider-horizontal {height: 1em !important;}
} else {
/* We haven't an HTML5 DocType */
.jw-slider-horizontal {height: 3px !important;}
}
}


Should solve the problem using a simple and usable way! Lets me if is good for you...

This question has received the maximum number of answers.