Branding & UX

Configuration Options Reference

This page has moved to our new developer site! Please visit the updated location here. Thanks for your patience while we update our documentation. You will be automatically redirected in 10 seconds. s...

Adding Closed Captions

JW Player supports the rendering of closed captions or subtitles in the video display. These captions can be selected by viewers through the CC button. Here is an example, using a single language. The CC button...

Styling Captions for FCC Compliance

It is possible to change the styling of the captions using the captions configuration block. This is primarily relevant in the context of accessibility requirements, such as those mandated by the FCC in the Uni...

Making JW Player Responsive

This article explains how to setup JW Player on a responsive site. When responsive, players scale to the width of their container element, maintaining the video aspect ratio. Introduction By default, ...

Keyboard Shortcuts

This article describes keyboard shortcuts that can be used to control the JW Player. JW Player supports keyboard control through a set of keyboard shortcuts, enabling viewers to have an effortless and accessib...

Branding Your Player

JW Player supports both the addition of logo or watermark, as well as a custom text link inside of the right click menu. Adding your brand The logo and right click options are a great way to easily brand...

Adding Preview Thumbnails

JW Player supports the loading of preview thumbnails for individual shots or scenes in a video. These thumbnails are displayed in a tooltip when a viewer hovers the controlbar. This allows for quick scanning an...

Adding Chapter Markers

JW Player supports the rendering of chapter markers within the timeslider. These work particularly well for long form video, to segment it into discreet sections. Here is a live example: var playerIn...

Developer: Building JW Player Skins

This page has moved to our new developer site! Please visit the updated location here. You will be automatically redirected in 5 seconds. setInterval(function(){ var eta = document.getElementById("301eta")...