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.
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.
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.
Example of customizing the player theme with floating time slider.
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.
Create your own demo! We've provided a basic demo setup to help you get started.
Trigger an ad to play at a selected point during a video.
Example consuming and displaying data-driven feeds from JW Platform within AngularJS.
This demo shows the ability to pass a token with a key request.
This demo shows built in HLSV4 Audio Track functionality.
This demo uses hyperlink icons to navigate to additional information or another point in the video.
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
Load and toggle between multiple playlists to control the player state
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 HTTP-P2P streaming integrated with JW Player in HTML5.
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 shows Google Maps markers synced to a video timeline.
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.