JW Media Player
Jeroen Wijering's Media Player (affectionately known as the JW Media Player; also branded as Longtail Video player or Longtail Video solutions) is an excellent free, open source Flash-based Media Player system. The player is fully featured, including the ability to embed external controls[1], the support for a variety of playlist formats [2] and an incredibly large number of other supported Flash variables such as a Recommendations post-roll, video size, resolution, watermarks, Ad overlays (commercial LongTail Ads version only), among others.[3]
JW Media Player is released under the Creative Commons License [4], which permits the author to decide how their work can and can not be used. Though it is free and open source for non-commercial projects, for commercial or enterprise projects a license must be purchased.
ROADMAP
- Latest Developments planned for the JW Player: http://developer.longtailvideo.com/trac/roadmap
Plugins
- JW 5.5+ - Building JavaScript Plugins: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/18504/building-javascript-plugins
- JW Player 5.5 for Flash and HTML5 Introduces JavaScript Plugins: http://www.longtailvideo.com/support/blog/18637/jw-player-55-for-flash-and-html5-introduces-javascript-plugins
D-Related
Presents a list of videos (as clickable thumbnails) after the video is finished playing.
The Grid
Presents a 3D-looking interactive wall of videos (as clickable thumbnails) as a menu for choosing which video to play. By default this turns autoplay off and requires a user to select a video before any content will play.
- The Grid: http://www.longtailvideo.com/addons/plugins/135/get-plugin.html?addon=135&vid=137&q=
- Example usage: http://www.lamemoriacelular.com/fancycodetest.html
Tip Jar
Allows people to donate to a site/person/cause.
- TipJar (paypal integration): http://www.longtailvideo.com/addons/plugins/53/TipJar
Longtail Ads
- LongTail AdSolution: http://www.longtailvideo.com/addons/plugins/2/LongTail-AdSolution
EXAMPLES
- JW FLV Media Player v.4.x - Javascript API Tutorial Example Collection: http://qa.longtailvideo.com/demos/ethan/apitec/
- JW WMV Player Demos: http://qa.longtailvideo.com/demos/ethan/apitec/wmvplayer/
- JW FLV MediaPlayer v.3.x Demos: http://web.archive.org/web/20090305092435/http://home5.inet.tele.dk/nyboe/flash/mediaplayer/index.htm[5][6]
- Playlist that works on Desktop/iPhone/iPad/Android: http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/xmlplaylists.html | mRSS playlist[7]
- JW Player - Chromecast integration: http://demo.jwplayer.com/chromecast[8]
Tools
- JW Player (configuration) wizard: http://www.longtailvideo.com/support/jw-player-setup-wizard
- JW Player for HTML5: http://www.longtailvideo.com/support/jw-player/jw-player-for-html5
Resources
JW Player v9.x
- JW Player v9.x+: https://beta-developer.jwplayer.com/jwplayer/docs
JW Player v8.x
- JW platform: https://developer.jwplayer.com/jw-platform/ | SRC | iOS | Android | DOWNLOAD | DEMOS[9][10][11][12]
JW Player v7.x
Preferred version: 2017-present (supported until 2020)
- JW Player v7.x -- Showcase: https://github.com/jwplayer/jw-showcase | APPLE TV
- JW Player v7.x - Configuration Reference: https://developer.jwplayer.com/jw-player/docs/developer-guide/customization/configuration-reference/[13]
- JW Player v7.x -- Javascript API Reference: https://developer.jwplayer.com/jw-player/docs/developer-guide/api/javascript_api_reference/[14]
JW Player v6.x
Preferred version: 2015-2016 (support ended 2017)
This version was short-lived and development on v7.x started quickly (the only major change it brought about was fully supporting playlists interchangeably in both HTML5 & Flash modes, via JSON & RSS playlist formats). BC$ MobileTV did not do any consulting work with this version whatsoever, only some minor experimentation with the new JSON playlists.
- JW player v6.x: ???
JW Player v5.x
Preferred version: 2012-2014 (support ended 2015)
This version made waves as the first to officially set "HTML5 video" as the default video player format, and "HTML5 audio" as the default audio player format; likewise a simple <img> tag was used to display images, with JavaScript used to enable Image-based playlists (i.e. gallery effect). It did a good job of convincing previous abandoners that JW Player was "back and better than ever", with its new "mobile-first, support every format, playback in HTML5 if possible, fallback to Flash where necessary" approach. This is the direction the industry had been heading in anyway, but the JW team did a great job at providing a simple, clear and reliable formula for reaching the broadest possible combination of devices, OS's, browsers, and versions.
It introduced:
- Bits-On-The-Run Cloud-based delivery option
- JW Player v5.x -- Technical Specs: http://web.archive.org/web/20111005153440/http://www.longtailvideo.com/players/jw-player/tech-specs (supported ended 2016... this page all the main info about this version of the JW Player and what it supports)
- JW Player v5.x -- Supported File Formats (Flash Player): http://web.archive.org/web/20090220141214/http://developer.longtailvideo.com/trac/wiki/FlashFormats
- JW Player v5.x -- Supported Playlist Formats: http://web.archive.org/web/20130309135308/http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12537/xml-playlist-support
JavaScript API Reference: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12540/javascript-api-reference
- JW Player v5.x -- Secure your Videos with Signing: http://www.longtailvideo.com/support/bits-on-the-run/15986/secure-your-videos-with-signing
- JW Player v5.x -- Recommendations: http://support.jwplayer.com/customer/portal/articles/2191721-data-driven-recommendations-from-jw-platform[17][18]
JW Player v4.x
Preferred version: 2009-2011 (support ended 2013)
This version was the first to be released after JW Player was amalgamated with other properties and projects by Jeroen Wijering and the broader Online Video community, thereby making JW Player a Business entity rather than just the web's most beloved media player and hobby project. As such, its contributions were almost entirely monetarily focused, bringing about an entirely new plugin mechanism along with a "paid plugin" and "paid skin/theme" marketplace which baffled and frustrated many long-time advocates, supporters, and developers who contributed to JW Player along its meteoric growth. While pitched as a way for developers to "finally start making money from their contributions" to JW Player, which has always enjoyed a vibrant community, the revenue-sharing model left much to be desired, with developers only taking a percentage of their plugin's sales. During this time, many developers and consultants switched to the largest rival player OSS community media player, FlowPlayer (BC$ MobileTV did not switch outright but all new projects weighed the options and usually selected FlowPlayer).
It introduced:
- Longtail Video - a cloud-based Advertising platform
- Ad Model - Support for VAST
- Ad Model - Support for VPAID
- player plugin/extension framework
- skinning/themes
- marketplace for skins/themes & plugins/extensions
- JW Player v4.x -- Legacy Docs:
- JW Player v4.x -- How do we use the player inside a flash site?: http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/4520/how-do-we-use-the-player-inside-a-flash-site
- JW Player v4.x -- Embeding JW player in a flash website (AS3): http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/10532/embeding-jw-player-40-in-a-flash-website-as3#msg122262
- JW Player v4.x -- Loading an external .swf file in Flash: http://livedocs.adobe.com/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00000216.html
- JW Player v4.x -- Embedding the player in Flex: http://developer.longtailvideo.com/trac/wiki/FlexEmbedding
- JW Player v4.x -- Embedding JW Player Version 5 into Flex: http://cookbooks.adobe.com/post_Embedding_JW_Player_Version_5_into_Flex-16707.html
- JW Player v4.x -- Loading a Playlist into the Player (javascript): http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/16026/loading-a-playlist-into-the-player
- JW Player v4.x -- Setting Up an mRSS Playlist: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/24/creating-a-playlist
JW Player v3.x
Preferred version: 2006-2008 (support ended 2010)
This was perhaps the most widely used and thus longest supported version of the JW Player. Back then, about 75% of all Online Video destination sites, from the major providers down to independent/viral video hosting services all used JW Player, and this is the version they went with. It was also one of the most innovative at the time.
It introduced:
- SWFobject alternative JavaScript embed method (which was becoming the industry preferred manner for deploying Flash safely/consistently across browsers/versions)
- Playlists (via XSPF spec support, a later version added mRSS, Atom/RSS & iTunes/RSS and even Microsoft's ASX)
- Recommendations (via OpenRecommender spec support, would only display after video plays completely and limited but some DIY styling options)
- Pre-roll Ads (by being able to prevent player from playing via code, unless an ad was viewed, but very DIY via JS)
- Mid-roll Ad mechanism (only a proof-of-concept at this point, very DIY but workable with only a little lag/jitter)
- Post-roll Ad mechanism (full platform with integration to Google AdSense, potentially other Banner/Display Ad Networks if done DIY)
- Close Captions synchronization mechanism (via SMIL spec support)
- Subtitles synchronization mechanism (via TimedText spec support)
- JW Player v3.x -- Legacy Docs:
JW Player v2.x
Preferred version: 2004-2005 (support ended 2006)
It introduced:
- Support for also playing MPEG-encoded MP4 files via Flash player object
- New method for embedding via JavaScript (rather than just static <OBJECT> <EMBED> tags pointing to the SWF)
- JW Player v2.x:
JW Player v1.x
Preferred version: 2002-2003 (support ended 2004)
It introduced:
- Support for playing FLV videos via Flash player object
- Use of then popular Flash plugin[19][20] prevented need to directly stick video sources into page and depend on less stable/performant/consistent 3rd-party plugins (i.e. RealMedia, WindowMedia Player, AppleQuicktime)
- Original version of JW Player:
Tutorials
- Building Custom Embeds with Player Libraries: https://support.jwplayer.com/customer/portal/articles/1891931-building-custom-embeds-with-player-libraries
- JW Player for Flash Version 5 (first entirely Open Source build-able/command-line version, does not require Adobe CS license): http://developer.longtailvideo.com/trac/wiki/Player5WikiStart
- Guide To XML-Image Skinning in JW Player 5: http://developer.longtailvideo.com/trac/wiki/Player5Skinning
- Using CloudFront with JW player: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/49/using-cloudfront
- Use your Amazon Cloudfront account: http://www.bitsontherun.com/tutorials/use-your-own-amazon-s3-delivery/
- Secure your videos with signing: http://www.bitsontherun.com/tutorials/generate-signed-urls/
- Creating a Secure Token SWF for JW Player 5.2: http://www.freemancompression.com/weblog/training/tag/secure-token-streaming-with-jw-player-5-2
- Track your video with Google Analytics: http://www.bitsontherun.com/tutorials/track-your-videos-google-analytics/
- Publish Your Videos to Facebook with a JW Player: http://www.longtailvideo.com/support/blog/19150/publish-your-videos-to-facebook-with-a-jw-player
- Making DIVs visible according to the video timeline: http://www.longtailvideo.com/support/forums/bits-on-the-run/videoplayer/16919/making-divs-visible-according-to-the-video-timeline
- JW player iframe sizing: http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/22548/jw-player-iframe-sizing | EXAMPLE - 100% scalable width/height video[21][22][23][24][25][26]
- Auto advance to next song: http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/6339/auto-advance-to-next-song/ (add flashVar &repeat=list)
- Vectorizing Videos -- Leveraging DeepWalk for Video Recommendations: https://www.jwplayer.com/blog/deepwalk-recommendations/
- JWTs to sign JW Player streams: https://beta-developer.jwplayer.com/jwplayer/docs/jw8-set-url-token-signing
External Links
- JW Media Player: http://www.jeroenwijering.com/?item=JW_Media_Player
- How to pronounce Jeroen Wijering: https://www.youtube.com/watch?v=W6QqXoP4xj0#t=02m05s (Hiy-eh-rou-en Vie-heh-ring)
- "Who is JW" a new documentary (2012): http://www.whoisjw.tv/ | TRAILER | IMDB[27][28][29][30][31][32][33]
- JW Media Player 3.x Wizard: http://www.jeroenwijering.com/?page=wizard
- JW Media Player 4.x Wizard: http://web.archive.org/web/20120427175425/http://www.longtailvideo.com/support/jw-player-setup-wizard-4 (http://www.longtailvideo.com/support/jw-player-setup-wizard-4)
- JW Media Player 5.x Wizard: http://www.jwplayer.com/wizard/
- (Create your own) Streaming Video on Demand with nginx and RTMP Module: http://www.leaseweblabs.com/2013/11/streaming-video-demand-nginx-rtmp-module/
- JW 4.5 Player -- Joomla Module Advanced 1.3.0: http://www.joomlarulez.com/example-jw-player-module.html
- JW Player v3.16: http://www.astron.nl/~leeuwen/video/jwplayer-3.16/mediaplayer.html (the best version of the old Flash-only player, with the most features)
- JW Player v3.16 release notes: http://stef42.wordpress.com/2008/06/22/flv-jw-media-player-open-source-streaming-embedded/
- Troubleshooting Jeroen Wijering's FLV player in your HTML (when using Red5 flash streaming server): http://thedesignspace.net/MT2archives/000498.html
- PLAY VIMEO VIDEO WITH JW PLAYER --- IT'S POSSIBLE?: http://www.longtailvideo.com/support/forum/Setup-Problems/12173/PLAY-VIMEO-VIDEO-WITH-JW-PLAYER-IT-S-POSSIBLE-
- Shoutcast and JW Player issue: http://www.longtailvideo.com/support/forum/Setup-Problems/18916/Shoutcast-and-JW-Player-issue
- Problem with Google video: http://www.longtailvideo.com/support/forum/Bug-Reports/14620/Problem-with-Google-video-
- How YouTube got its video technology for 20 euros: http://thenextweb.com/tag/jeroen-wijering/
- Help with installing media player 3.16: http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/331/help-with-installing-media-player-3-16
- FLV Player link flashvar not working correctly: http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/1077/flv-player-link-flashvar-not-working-correctly
- Add logo to flv serverside with ffmpeg: http://www.longtailvideo.com/support/forums/addons/working-with-modules/5774/add-logo-to-flv-serverside-with-ffmpeg
- 3.16 Javascript loadFile + youtube: http://www.longtailvideo.com/support/forum/JavaScript-Interaction/10456/3-16-Javascript-loadFile-youtube
- Related videos - Like YouTube's: http://www.longtailvideo.com/support/forum/Feature-Suggestions/7533/Related-videos-Like-YouTube-s
- YouTube Channel: http://www.longtailvideo.com/support/forum/Setup-Problems/9001/YouTube-Channel#msg108673
- flvplayer with YouTube video stops working: http://www.longtailvideo.com/support/forum/Bug-Reports/15218/flvplayer-with-YouTube-video-stops-working
- Playing YouTube Videos in JW Media Player: http://www.longtailvideo.com/support/forum/Modules/4230/Playing-YouTube-Videos-etc-
- Issue playing portrait-mode iPhone 3GS video clip: http://www.longtailvideo.com/support/forum/Bug-Reports/18423/Issue-playing-portrait-mode-iPhone-3GS-video-clip
- FLV Player not working in iPhone browser: http://www.longtailvideo.com/support/forum/Bug-Reports/20807/FLV-Player-not-working-in-iPhone-browser#msg138006
- HTML5 Player Architecture: http://developer.longtailvideo.com/trac/wiki/HTML5Architecture?version=9
- HTML5 version of JW Player: http://www.longtailvideo.com/support/forum/Feature-Suggestions/22521/HTML5-version-of-JW-Player
- RTMP Streaming with the JW Player: http://www.longtailvideo.com/support/tutorials/RTMP-Streaming-with-the-JW-Player
- P2P Streaming through JW Media Player: http://www.longtailvideo.com/support/forum/General-Chat/23369/P2P-Streaming-through-JW-Media-Player
- Google's VP8/WebM and What it Means for You: http://www.longtailvideo.com/support/blog/12120/the-google-vp8webm-announcement-what-does-it-mean-for-you?utm_campaign=June2010-Newsletter-(newsletter_06_2010)&utm_medium=Email&utm_source=Player-Download-List&utm_content=webm_blog_txt1
- JW Player example -- two streaming flash players that clip to hard stop in a single page: http://thedesignspace.net/MT2archives/000573.html
- JW Player 5.3 Beta Integrates HTML5 Support: http://www.longtailvideo.com/support/blog/14331/jw-player-53-beta-integrates-html5-support
- Video Player not working in iPhone: http://www.longtailvideo.com/support/forums/bits-on-the-run/videoplayer/16884/video-player-not-working-in-iphone
- HTML 5 Player And XML Playlist: http://www.longtailvideo.com/support/forums/jw-player/using-playlists/15089/html-5-player-and-xml-playlist
- HTML5 support on iphone is broken when adding playlist function: http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/14701/html5-support-on-iphone-is-broken-when-adding-playlist-function#comment-99884
- JW Player & iPhone: http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/8665/jw-player-and-iphone
- Why aren’t recommendation engines very effective despite today’s technology?: https://medium.com/swlh/why-arent-recommendation-engines-very-effective-despite-today-s-technology-80efe22fa595
References
- ↑ JavaScript API controls: http://www.jeroenwijering.com/?item=Javascript_interaction
- ↑ JW Media Player Supported Playlist formats available here: http://www.jeroenwijering.com/?item=Supported_Playlists
- ↑ JW Media Player's Supported Flashvars: http://www.jeroenwijering.com/?item=Supported_Flashvars
- ↑ wikipedia:Creative Commons License
- ↑ JW Player QA Team's Backup of Lars' Demos: http://qa.longtailvideo.com/demos/ethan/apitec/mediaplayer/
- ↑ BACKUP OF -- Lars Nyboe Andersen's JW Media Player mashups/demos (this guy is crazy talented): http://home5.inet.tele.dk/nyboe/flash/
- ↑ Playlist that works on iPhone/iPad:
- ↑ JW Player Conference 2014 - Casting Videos to the Big Screen (from everyone's favorite online video media player): http://content.jwplatform.com/previews/7KhxvNsS-S2xWVQ9r?mkt_tok=eyJpIjoiWkRFeU1UQTNZVE0wTmpaaCIsInQiOiJ1M2ZHUjFUdlVUN2ZsNG9oUUhhVUlCZHc5czYwdTM1ZXZhaWQ3dlJJQm1UQWhoN3hoMU0rT0ozUm0yN2owRkVWdkNmVEFXQmNTRFVHdG9kVWJ5Y1dqQzBxcm8rUjNteUxRTXNXRzIwdk1Kdz0ifQ%3D%3D
- ↑ Stackoverflow -- questions tagged JW Player: https://stackoverflow.com/questions/tagged/jwplayer
- ↑ JW Platform Management API reference: https://developer.jwplayer.com/jw-platform/reference/v1/methods/channels/index.html
- ↑ v8 Javascript API reference: https://developer.jwplayer.com/jw-player/docs/javascript-api-reference/
- ↑ JW Player -- Analytics: https://developer.jwplayer.com/jw-platform/docs/developer-guide/analytics-api/
- ↑ JW Embedder Reference Guide: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/15995/jw-embedder-reference-guide
- ↑ Introduction to the JW Player Javascript API: https://developer.jwplayer.com/jw-player/docs/developer-guide/api/javascript_api_introduction/
- ↑ ChromeCasting & AirPlay Updates in JW 7.9: https://www.jwplayer.com/blog/casting-airplay-jw7-9/
- ↑ JW Recommendations – Powerful Content Discovery: http://www.jwplayer.com/blog/recommendations-powerful-content-discovery/
- ↑ JW Player v5.x -- Recommendations – Powerful Content Discovery: http://www.jwplayer.com/blog/recommendations-powerful-content-discovery/
- ↑ JW Recommendations (WEBINAR): http://go.toutapp.com/405f5d876b05ab1de0
- ↑ Flash's peak market share:
- ↑ Historical Flash "website usage" market share (GRAPH): https://w3techs.com/technologies/history_overview/client_side_language/all/y
- ↑ window.resize event help (fire jwplayer.resize): http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/26064/windowresize-event-help
- ↑ Auto rescale of playlist player to adjust to browser dimensions?: http://www.longtailvideo.com/support/forums/jw-player/using-playlists/22892/auto-rescale-of-playlist-player-to-adjust-to-browser-dimensions
- ↑ iPhone video player Using CSS to adjust JWP width: http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/22885/iphone-using-css-to-adjust-jwp-width
- ↑ Video Player resize without re-instantiating: http://www.longtailvideo.com/support/forums/jw-player/feature-suggestions/1019/video-player-resize-without-re-instantiating
- ↑ JW API resize player EXAMPLE: http://developer.longtailvideo.com/contributors/nyboe/JW_API_xmpl_2-1-2-0.html
- ↑ Using FitVids.js with WordPress for responsive videos: http://kevindees.cc/2011/09/using-fitvids-js-with-wordpress-for-responsive-videos/
- ↑ 2010 Interview with JW Player founder Jeroen Wijering - History of JW & LongTail/BoTR: https://www.youtube.com/watch?v=MDtrjrJ2oQw
- ↑ Jeroen Wijering "JW Player" - The Latest in Video Technology @ ReelSummit 2014: https://www.youtube.com/watch?v=AaivL_GGLsI
- ↑ How JW Player became the largest video player behind YouTube and Facebook: http://www.thedrum.com/news/2015/08/07/how-jw-player-became-largest-video-player-behind-youtube-and-facebook
- ↑ JW Player -- who is behind it? Who is Jeroen Wijering?: http://www.miracletutorials.com/jw-player-whois-jeroen-wijering/
- ↑ WHOISJW -- Free To Watch Documentary: https://www.jwplayer.com/blog/whoisjw-free-to-watch-documentary/
- ↑ WHO IS JW? A DOCUMENTARY OF AN ONLINE VIDEO SUPERHERO: http://tubularinsights.com/who-is-jw/
- ↑ Who is JW? - Facebook promo page: https://www.facebook.com/whoisjw/
See Also
Media Player | Advertising | Recommendations | OpenRecommender