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

Skinning bugs

Hi!
I'm trying to prepare a skin for our player and came across with few problems, hopefully you can help me figure this out.

1. It seems to me, there is a bug for timeSliderThumb - this layer is under timeSliderCapLeft and timeSliderCapRight, so on the beginning and end of video half of timeSliderThumb is under Cap background - flash version both sides, html5 only right side. For html5 it's very easy to fix, I can just add z-index in css and it's solved, for flash I can't do anything.

2. Control bar buttons (flash) - hover state of the button is displayed over the normal state, causing a problem if you use semi-transparent graphic, colors will not fit. In html5 hover state is working correctly, it's displayed instead of normal state.

3. Is there a way to use SVG graphics for player buttons? When I loaded SVG converted to base64 into our skin I just got an error. It seems that the only working solution is to use png file which is kind of old school for such a nice player.

I've made a demo page where you can check issue 1 and 2: http://sidorowi.cz/jwTest/.


Regards,
Jakub

8 Community Answers

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

1 and 2 – Can you update to 6.9?

2) We don’t support SVG, sorry.

Up Down

jakub

User  
0 rated :

After updating to 6.9, issues 1 and 2 are still reproducible. Additionally I discovered two new issues, that are not reproducible in 6.8:

3. Flash player - timeSliderThumb is jumping up and down during drag&drop seeking.

4. Html5 player - timeSliderThumb is not moving during drag&drop seeking.

Demo:
http://sidorowi.cz/jwTest/6.9.4867/

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

That is very odd. I have not seen that issue before, for 3. For 4, it seems like this is a small inconsistency between flash and html5. In flash, you can drag and seek, but in html5, you can only click to seek.

Regarding your skins, what skin did you base it off of to create it? The bouncing issues and 1 and 2 do not happen in our own skins.

Up Down

jakub

User  
0 rated :

I've based my skin on your "SIX" template.

1. The reason why you don't see this issue in original "SIX", is that you use a transparent png for timeSliderCapLeft and Right. If you would use any graphic, it would overlay the timeSliderThumb, same as in my template. In original "FIVE" template, you use timeSliderThumb which is 1px vertical line, so here you will not see any problem too. Both templates are avoiding described bug by some clever workarounds, while bug itself is present in jwPlayer code since at least few years.

2. This problem doesn't exist in "SIX" and "FIVE" because you don't use semi-transparent graphics, this way hover state is displayed above normal state with right color.

3. This issue is reproducible only in latest version of the player.

4. Well, if you're going to leave this "small" inconsistency as it is, then you should probably update the release note for 6.9 that for html5 you're stripping one of the most used features in player - seeking by drag&drop :D It was working perfect in 6.8 (http://sidorowi.cz/jwTest/).

Up Down

jakub

User  
0 rated :

5. In firefox - if you set html5 as default it's gonna play flash anyway. You can check it on jwplayer.com - in chrome you will display html5 player and in firefox it will play with flash player. Guys, need QA support? ;)

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

For 4, that is a regression. I logged it in our tracking system, since it doesn’t happen in 6.8, but happens in 6.9.

I can send you the full source to the latest “six” skin if you need. ethan [at] jwplayer [dot] com, not the base 64 encoded version.

5) it depends on the OS you are using. If you are using OS X and Firefox, then it will fall back to Flash, but if you are using Windows 7, HTML5 mode, HTML5 mode is used. This is because Mozilla doesn’t support H264 yet across all operating systems, this is fairly well known.

Up Down

jakub

User  
0 rated :

Alright, we will redesign a bit our player to avoid problem 1-3 with skinning. Seeking I hope you fix soon. Issue number 5, clearly my mistake I was sure I specified webm for html5 not mp4, and that was the reason why I got flash fallback. Thanks for all the answers!

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

Np! :)

This question has received the maximum number of answers.