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

Customize JW Player 7 Control Bar Height

I'm looking to use JW Player 7 on a self-hosted 21 inch android tablet application. The application is meant to run only on this device with local resources and no internet connection.

The current size of buttons on the control panel is too small for touch based operation, so I want to increase the overall control bar height and button sizes. Is this possible through customization of an existing skin via CSS?

How do I go about it and how do I self-host the CSS after modification. I tried to follow the instructions on the site but CSS customization does not seem to have any effect although I can select which of the free skins I want during jwplayer setup via:
var playerInstance = jwplayer("myElement");
playerInstance.setup({
file: "/upload/myVideo.mp4",
skin: {
name: "bekle"
}
});

3 Community Answers

Andrew

Best Answer  JW Player Support Agent  

You wouldn’t necessarily need to add an entirely new CSS file to your implementation. You can potentially change the player’s icon size to something like 1.5 em via CSS. Simply add the following to a style block above your player:
.jw-controlbar {
font-size: 1.5em;
}
This should make things a bit more usable on touch devices. We are hoping to tweak default control bar behavior on mobile devices for a future version, however.

View in conversation
Up Down

Andrew

Best Answer  JW Player Support Agent  
1 rated :

You wouldn’t necessarily need to add an entirely new CSS file to your implementation. You can potentially change the player’s icon size to something like 1.5 em via CSS. Simply add the following to a style block above your player:
.jw-controlbar {
font-size: 1.5em;
}
This should make things a bit more usable on touch devices. We are hoping to tweak default control bar behavior on mobile devices for a future version, however.

Up Down

nikitadesai82

User  
0 rated :

Thank you! Your suggestion worked perfectly. At 1.25 em it is now the right button size for the tablet.

Up Down

Andrew

JW Player Support Agent  
0 rated :

Great news! I’ll mark this as resolved.

This question has received the maximum number of answers.