Below you can find demos and code examples for all levels of developers implementing JW Player. Check back as more demos and examples are added to support new features.
Ad rules allow publishers to customize when ads get served to their viewers.
Use JW Player's API to detect and verify when advertising events occur.
This demo shows JW Player loading fragments by comparing your bandwidth to the available video bitrates.
This demo shows you how to allow users to easily download a video file.
Extract timed metadata from a live audio stream and use it to display information such as title, artist, and poster image.
A demo setup that autostarts the video - but only for the first time a user visits the page.
A demo of LogoBar's branded player ads and advanced event tracking capabilities. The LogoBar plugin uses JW Player's CSS Skinning model to insert branding and ad creatives.
A demo showing how to use the setPlaylistItemCallback to run asynchronous code to determine whether to cancel a subsequent playlist item
Hide the default player UI and build a custom interface using the JW Player API. Chromeless playback increases speed by eliminating load time for JW Player skins and controls.
Setup and play a video with a single click on a thumbnail within a responsive image grid.
This demo shows a player rendering closed captions in video display.
How to modify the JW8 player CSS with custom fonts, an inline timeslider, and branded colors in the control bar & settings menu.
A demo of how users can control player behavior when an error occurs.
This demo shows how to replace the player's default control icons with your own.
Examples of Google DAI configurations for VOD and Live streams
Trigger an ad to play at a selected point during a video.
A demo setup with multiple players. When one of them starts, the others are automatically paused.
A demo showing how to use the setPlaylistItemCallback to run external header bidding between playlist items
A simple approach to minimizing and floating JW Player when the viewer scrolls beyond the video content.
Using FreeWheel as your ad manager allows for leveraging the control FreeWheel's platform provides.
This demo shows the ability to pass a token with a key request.
This demo shows built in HLSV4 Audio Track functionality.
This demo showcases an interactive, searchable transcript for our HTML5 Video Webinar.
In this demo the video starts from the beginning by default. However, if there is a time offset hash in the URL, the video will start from that time.
This demo demonstrates how to use the new Live Channels APIs in order to replace a VOD asset with a live event stream whenever a Live Channel becomes available.
This demo demonstrates how to use the new Live Channels APIs in order to implement a failover to a secondary live event stream if issues with the active stream occur.
This demo shows the JW Player's live streaming capabilities with multiple streams to choose from.
A demo that simulates live TV. The playlist item and position are determined by system date/time.
Click on a button to choose a playlist and load it into the player!
This demo shows adaptive streaming with MPEG-DASH.
Use on('adCompanions') to display multiple companion ads from your VAST file
Embed a feed of JW Platform-hosted videos on an article to drive user engagement using this JavaScript-based widget.
Trigger an in-read ad to autoplay once it comes into view and collapse the video player after ad completion.
A visualization of Streamrootâs hybrid webRTC-based P2P video CDN integrated with JW Player in HTML5.
This demo measures key QoE metrics using the JW Player JavaScript API, including setup time and time to first frame.
Build your own queue from multiple playlists.
A demo setup of JW Player with an external link that resizes the player on the fly.
Use cookies to remember where the user left off and resume playback at the same time offset when revisiting the page.
Enable playback rate controls to create slow motion video playback without editing the original media or allow users to control their own playback speed.
The startOnSeek ad rule allows publishers to determine whether or not viewers should be shown pre-rolls when seeking on subsequent visits.
This demo visualizes the main components of the IAB VAST3 advertising standards, including Skipping, Companions, Overlays and Podding.
Use JW Player to display a video as a background.
All the benefits of Header Bidding are now built directly into your JW Player. With a simple one-click integration, you get access to quality advertising demand at scale with reduced latency.
Video Player Bidding combined with an existing instance of Prebid.js to support third-party SSPs.