jPlayer 2.9.2 Demos
jPlayer as a video player
VLC Alternative: IINA is so much better - try it out Despite being in early stages, the developers have released a stable version with autoupdate and it's so much faster and better than VLC, imho. IINA is a video player based on the MPV open source project that aims to provide a modern space for watching videos, managing playlists, dealing with the media content or loading subtitles to your movies. Media player that makes the most out of the available space without compromising on functionality. Right off the bat, you need to use the IINA file menu to direct the app to the media you.
In this demo jPlayer is combined with HTML and CSS to create a video player.
You can easily customise the way it looks and make it fit your pages colours and style.
This demo will use the HTML solution if it can, otherwise the Flash fallback solution will be used. The supplied media formats are WebMv, OGV and M4V.
Demo variants: {solution:'flash, html'} : {supplied:'m4v'} : {supplied:'rtmpv'}
jPlayer as an audio player
In this demo jPlayer is combined with HTML and CSS to create an audio player.
You can easily customise the way it looks and make it fit your pages colours and style.
This demo will use the HTML solution if it can, otherwise the Flash fallback solution will be used. The supplied media formats are M4A and OGA.
Demo variants: {solution:'flash, html'} : {supplied:'mp3'} : {solution:'aurora'}
jPlayer circle player
In this demo jPlayer is combined with HTML and CSS to create a Circle Player, which plays audio.
When playing, the play progress is shown as a green ring around the circle. If the buffering information exists, then a white ring grows representing the download progress.
jPlayer as a video playlist player
In this demo jPlayer is combined with HTML and CSS, along with javascript code to add playlist functionality to a video and audio player.
You can easily customise the way they look and make it fit your pages colours and style.
This demo will use the HTML solution if it can, otherwise the Flash fallback solution will be used. The supplied media formats are WebMv, OGV and M4V for video. OGA and MP3 for audio.
The playlist item object can include an optional {free:true} property to make the media easily available via a right-click. (Ctrl+click on Mac.)
Demo variants: {solution:'flash, html'} : {supplied:'mp3'} : {solution:'aurora'}
jPlayer circle player
In this demo jPlayer is combined with HTML and CSS to create a Circle Player, which plays audio.
When playing, the play progress is shown as a green ring around the circle. If the buffering information exists, then a white ring grows representing the download progress.
jPlayer as a video playlist player
In this demo jPlayer is combined with HTML and CSS, along with javascript code to add playlist functionality to a video and audio player.
You can easily customise the way they look and make it fit your pages colours and style.
This demo will use the HTML solution if it can, otherwise the Flash fallback solution will be used. The supplied media formats are WebMv, OGV and M4V for video. OGA and MP3 for audio.
The playlist item object can include an optional {free:true} property to make the media easily available via a right-click. (Ctrl+click on Mac.)
Demo variants: Audio Playlist : Multi Instanced Video and Audio Playlists
Experimental: Media Playlist : Media Playlist {solution:'flash, html'}
Iina 1 0 1 – Modern Video Player Online Sa Prevodom
Playlist add-on documentation: jPlayerPlaylist Guide
Multi instanced jPlayer
In this demo jPlayer is instanced on the page in three places, demonstrating how multiple instances of jPlayer may be used on the same page.
All jPlayer instances will use the HTML solution if they can, otherwise the Flash fallback solution will be used. The supplied media formats are WebMv, OGV and M4V.
Each instance is individually affected by the iOS4.2+ restriction that a gesture must generate the play action. ie., The user must click play the 1st time for each instance on iOS 4.2+.
Additional $.jPlayer.event.play event handlers have been used to avoid the jPlayers playing together.
Demo variants: Multiple Audio jPlayers : Without pauseOther
Text based player with track switching
In this demo jPlayer is used to create a simple text audio player.
The HTML uses a cssSelectorAncestor with the default cssSelector class names to enable the built in control association. Event handlers are used to control the text displayed, enabling the play state to be shown and the percentage of playback.
This demo will use the HTML solution if it can, otherwise the Flash fallback solution will be used. The supplied media format is MP3.
jPlayer with jQuery UI
This demo uses jQuery UI ThemeRoller widgets, allowing developers to customise the look and feel by rolling their own theme. We have used the Slider Widget for the play progress and the volume controls, and Framework Icons for the buttons.
jPlayer as an audio live-stream player
In this demo jPlayer is combined with HTML and CSS to create an audio live-stream player.
jPlayer works with Icecast and ShoutCast servers that serve MP3 or M4A (AAC) audio.
Popcorn jPlayer Player Plugin
In this demo Popcorn is used with the Popcorn jPlayer Player Plugin and the Popcorn Subtitle Plugin along with the usual HTML and CSS to create a video player.
The Popcorn Subtitle Plugin will display subtitles over the video as it plays.
Demo variants: {solution:'flash, html'}
jPlayer's Development Tester
The development tester used to test the operation of different jPlayer methods. It is not perfect, and testing of the configuration options is not available without changing and uploading the new page.
Reading over an article on TidBITS today, I've now discovered a new media player that may take the place of the venerable VLC Media Player. I've simply lost count of the number of years that I've been using VLC (and recommending it to most of my clients), it was probably some time in the early 2000's that I first started using it.
While VLC will play just about any media file that you throw in it's direction, it's clear from the user interface that it's not an app that was designed for macOS, but rather one that aims for wide, cross platform compatibility.
Enter from stage left, IINA. The modern media player for macOS.
IINA is designed and built exclusively for macOS, so follows a lot of the general conventions set out by Apple, such as picture-in-picture support, a more streamlined (some may say restricted) interface and support for Dark Mode on Mojave. It also supports the Touch Bar on current Mac laptops, uses mouse and trackpad gestures for media control and can tie into the media control keys on the keyboard.
Under the hood, IINA uses mpv which is an up-to-date media playing library that will also handle nearly any video format it's given. It supports things like GPU acceleration for video playback and is under active development to ensure the code remains clean and fast and supports newly developed video and audio formats.
Check out IINA and let me know what you think…
Iina 1 0 1 – Modern Video Player online, free
Source: Prepare for Apple Dropping Old Media Formats with the IINA Video Player – TidBITS
