The JW Player 5 Beta is considered to be pre-release software. The documentation below can (and will) change to reflect ongoing development.
JW Player: UI Components
The following sections describe the built-in core user interface components in JW5.
Controlbar
Methods
- addElement(id, displayElement)
- removeElement(id)
- swapElements(id, id, displayElement)
- listElements()
- (b)lock(id)
- un(b)lock(id)
Configuration
- height
- shade
- background image (sized to height, otherwise scaled to configuration.height)
Will not have margin / padding / sliderconfig
Elements
Buttons
[play,pause,next,previous,fullscreen,unfullscreen,mute,unmute,separator][over,out][normal,background]
Sliders
| Element Name | Diagram | Scaling | Z-index |
| slider | [] -> [] | none | 3 |
| progress | [ ] | fit progresswidth | 2 |
| buffer | [ ] | fit bufferwidth | 1 |
| rail | [ ] | fit width | 0 |
Progress bar: [rail,buffer,progress,sliderOver,sliderOut]
Volume: [rail,buffer,progress,sliderOver,sliderOut]
Display
Methods
- display.setIcon (send event onClick)
- display.setText
Configuration
- shade
- background image (scaled to height / width)
Elements
- mute
- error
- text
- buffering
Buttons
[play][over,out][normal,background]
Dock
Configuration
- shade
- background image (scaled to height / width)
Methods
- addButton(id, text, defaultImage)
- removeButton(id)
- listButtons
- (b)lock(id)
- un(b)lock(id)
- Each plugin will be responsible for providing a default image; can be overridden by the skin
Playlist
Configuration
- shade
- background image (scaled to height / width)
- frontcolor
- lightcolor
- backcolor
- showimages - whether or not to show images
Elements
- [rail,slider][over,out]
Right-click Menu
Methods
- addButton(id, text, defaultImage)
- removeButton(id)
- listButtons
- (b)lock(id)
- un(b)lock(id)
Watermark
Methods
- setImage(defaultImage)
- setLink(link)
