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.
Don't have an account? Sign up
This demo showcases the 360 Video / VR feature in JW Player for HTML5. JW Player can play spherical 360 videos in magic window mode and immersive VR mode, even in a playlist of mixed media.
This demo renders 6 videos simultaneously in a 3D rotating cube. Each face of the cube is a fully functional JW Player.
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.
Use the JW Player styling API to allow your users to change the appearance of their captions.
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.
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 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!
A simple approach to minimizing and floating JW Player when the viewer scrolls beyond the video content.
This demo shows adaptive streaming with MPEG-DASH.
Use on('adCompanions') to display multiple companion ads from your VAST file
A demo setup with multiple players. When one of them starts, the others are automatically paused.
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.
Build your own queue.
A demo setup of JW Player with an external link that resizes the player on the fly.
Enable playback rate controls to create slow motion video playback without editing the original media or allow users to control their own playback speed.
Pause playback when the player is out of view and allow viewers to control playback or share the page via an external playbar on scroll.
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.