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 7 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 butt...

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...

Using JW Player Skins

This guide explains JW Player's built-in methods for configuring skins. If you are looking for information on how to design and create a skin yourself, see Building JW Player Skins. Introduction JW Pl...

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, ...

Branding Your Player

JW Player 7 supports both the addition of logo or watermark, as well as a custom text link inside of the right click menu. Each of these features is now fully supported with JW Player 7 across all versions, inc...

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")...