Popcorn.js

Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy lifting to Popcorn, and concentrate on what you do best: writing awesome code.

Why use Popcorn?

Popcorn.js utilizes the native HTMLMediaElement properties, methods and events, normalizes them into an easy to learn API, and provides a plugin system for community contributed interactions.

Popcorn has dozens of plugins for common services and APIs, ranging from Twitter, to Maps, to media events, and more. But if it doesn’t do what you need right now, you can write your own plugins quickly and easily.

Tested + Community Supported

With over 1400 unit tests, popcorn.js is put through the paces at every release. A result of many iterations, popcorn.js achieved its 1.0 milestone thanks to the efforts of a dedicated community of world class developers and media makers. And with Mozilla behind it, you can feel confident that this library will be supported well into the future. We’re always open to suggestions of how to make the project better suit your needs.

An expanding ecosystem

Popcorn is the core behind a growing number of sister projects and libraries. For example

  1. Seriously.js, a webGL effects library for video
  2. sequencer.js, a method for chaining multiple media objects to a single sequence
  3. Instapoppin, a user friendly approach to designing Popcorn user experience.
  4. butter.js, an API supporting our Popcorn Maker app and any other apps that use popcorn
  5. Popcorn Kernel, a simple web server for client-server popcorn experiences

Download Popcorn!

Development [311k]

Popcorn complete: includes all authorized plugins, parsers and players.

Production

Use our build tool to produce a minified version of only the code you need to ship

Want API docs, guidelines and more?

visit popcornjs.org

Fork us on Github

Visit our GitHub page

55 responses

Post a comment

  1. Pingback from Mozilla da una nueva dimensión al vídeo online con Popcorn 1.0 | on ::

    [...] Este software open source pretende hacer que “el vídeo trabaje como la web”. Cuenta con Popcorn.js, una librería JavaScript que acerca esa característica de contar historias de que dispone el [...]

    Reply

  2. Pingback from Mozilla da una nueva dimensión al vídeo online con Popcorn 1.0 « Palomares del Rio LIBRE on ::

    [...] Payo  Este software open source pretende hacer que “el vídeo trabaje como la web”. Cuenta con Popcorn.js, una librería JavaScript que acerca esa característica de contar historias de que dispone el [...]

    Reply

  3. Pingback from Web Development articles, tutorials, help » Blog Archive » Mozilla Reinvents Web Video With Popcorn 1.0 on ::

    [...] The company’s effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over [...]

    Reply

  4. Pingback from Mozilla reinventa el video web con Popcorn.js on ::

    [...] Mozilla PopCorn.js Noticias relacionadas:Vídeo: Popcorn cocinado por [...]

    Reply

  5. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 | Daves Ultimate Deals on ::

    [...] that. The company’s effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over to [...]

    Reply

  6. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 « St. Anthony's Hr. Sec. School, Shillong on ::

    [...] that. The company’s effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over to [...]

    Reply

  7. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 – - Simply ShareSimply Share on ::

    [...] that. The company’s effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over to [...]

    Reply

  8. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 | t3knoDorKs on ::

    [...] that. The company’s bid to move a some-more interactive video knowledge to a web is famous as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, conduct on over to [...]

    Reply

  9. Pingback from Mozilla新推的HTML5媒体框架 Popcorn.js 1.0发布 on ::

    [...] 关于Popcorn推出的更多细节可以查看Mozilla博客的这篇和这篇文章,其项目主页为:http://mozillapopcorn.org。在http://popcornjs.org/上也可以找到Popcorn.js 1.0的下载地址及文档介绍。 [...]

    Reply

  10. Pingback from A Look at Popcorn | linuxin.ro on ::

    [...] projects, as detailed on the official site, [...]

    Reply

  11. Pingback from Web Development articles, tutorials, help » Blog Archive » A Look at Popcorn on ::

    [...] projects, as detailed on the official site, [...]

    Reply

  12. Pingback from A Look at Popcorn | Shadowtek | Hosting and Design Solutions on ::

    [...] projects, as detailed on the official site, [...]

    Reply

  13. Pingback from A Look at Popcorn – blog on ::

    [...] projects, as detailed on the official site, [...]

    Reply

  14. Pingback from Popcorn.js | Mozilla Popcorn | Wildeng TechDad on ::

    [...] Popcorn.js | Mozilla Popcorn. Share this:ShareFacebookEmailDiggPrint This entry was posted in Uncategorized by wildeng. [...]

    Reply

  15. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 » DevKill.net on ::

    [...] The company’s effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over [...]

    Reply

  16. Pingback from A Look at Popcorn | Red7six on ::

    [...] projects, as detailed on the official site, [...]

    Reply

  17. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 - Tutorial - APIs - HTML5 - JavaScript - Multimedia - Web Standards - DevKill.net | Full Nulled Script | Hackers News | Indonesian News | Tutorial | Pentest | News on ::

    [...] The company’s effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over [...]

    Reply

  18. Pingback from Mozilla Popcorn o como llevar el multimedia en la web al límite » SupporTedia on ::

    [...] framework ya se puede descargar, la herramienta ya se puede utilizar y hay disponible abundante documentación. El futuro de la web [...]

    Reply

  19. Pingback from Mozilla Popcorn o como llevar el multimedia en la web al límite | PÁGINA WEB GRATIS y DISEÑO WEB GRATIS on ::

    [...] framework ya se puede descargar, la herramienta ya se puede utilizar y hay disponible abundante documentación. El futuro de la web [...]

    Reply

  20. Pingback from Mozilla Popcorn o como llevar el multimedia en la web al límite on ::

    [...] framework ya se puede descargar, la herramienta ya se puede utilizar y hay disponible abundante documentación. El futuro de la web [...]

    Reply

  21. Pingback from A Look at Popcorn | 13fqcs on ::

    [...] projects, as detailed on the official site, [...]

    Reply

  22. Pingback from BeBlog » Popcorn, el vídeo per a web segons Mozilla on ::

    [...] de codi obert com tots els programes promoguts per Mozilla, ha nascut amb algunes eines que faciliten la feina [...]

    Reply

  23. Pingback from My Stream » A Look at Popcorn on ::

    [...] [...]

    Reply

  24. Pingback from An Event System for HTML5 Media Developers | uxstats on ::

    [...] Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy lifting to Popcorn, and concentrate on what you do best: writing awesome code. [...]

    Reply

  25. Pingback from An Event System for HTML5 Media Developers | PHP Ocean on ::

    [...] 24 Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy [...]

    Reply

  26. Pingback from Popcorn.js, un sistema di eventi per gli sviluppatori HTML5 - sastgroup.com on ::

    [...] Link: http://mozillapopcorn.org/popcornjs/ [...]

    Reply

  27. Pingback from Popcorn.js, un sistema di eventi per gli sviluppatori HTML5 | buonaguida.com on ::

    [...] Link: http://mozillapopcorn.org/popcornjs/ [...]

    Reply

  28. Pingback from Quickguide.in » An Event System for HTML5 Media Developers on ::

    [...] Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy lifting to Popcorn, and concentrate on what you do best: writing awesome code. [...]

    Reply

  29. Pingback from Popcorn.js: Free HTML5 Event System - Free Web Resources : on ::

    [...] Website: http://mozillapopcorn.org/popcornjs/ [...]

    Reply

  30. Pingback from An Event System for HTML5 Media Developers | CS5 Design on ::

    [...] Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy lifting to Popcorn, and concentrate on what you do best: writing awesome code. [...]

    Reply

  31. Pingback from Popcorn.js: Free HTML5 Event System | Internet Agency on ::

    [...] Website: http://mozillapopcorn.org/popcornjs/ [...]

    Reply

  32. Pingback from Get The Knowledge – a collation of online articles by the people at Techdept. » Discover mozilla popcorn.js on ::

    [...] Visit site ◄ It’s official: flash mobile player is dead [...]

    Reply

  33. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 | LoQuor IT – Chicago Integrated IT Solutions on ::

    [...] The company’s effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over [...]

    Reply

  34. Pingback from Popcorn, HTML5, framework – une librairie jQuery pour les médias « 3wdoc on ::

    [...] de la librairie http://mozillapopcorn.org/popcornjs/ A partager Tweet(function() {var s = document.createElement('SCRIPT'), s1 = [...]

    Reply

  35. Pingback from Popcorn.js: an event system for HTML5 media developers on ::

    [...] Documentation and download [...]

    Reply

  36. Pingback from The 2011 Web Development Year in Review | Hot Scripts Blog on ::

    [...] released Popcorn.js, a set of JavaScript and HTML5 code that makes it easier to build more interactive video experience [...]

    Reply

  37. Pingback from The 2011 Web Development Year in Review at creativedevelopment.biz on ::

    [...] released Popcorn.js, a set &#959f JavaScript &#1072nd HTML5 code th&#1072t m&#1072k&#1077&#1109 &#1110t simpler t&#959 [...]

    Reply

  38. Pingback from Firefox media fragement tickets « Scott Downe's Blog on ::

    [...] First, It turns out media fragment is already done, which is exciting because now we can use it in Popcorn. [...]

    Reply

  39. Pingback from OSD700 and back to school « Scott Downe's Blog on ::

    [...] currently working at CDOT with Dave still, which means I will still be working on Popcorn and Popcorn-Maker. But, for his class, I will need to do more work for him, but it cannot be CDOT work. It makes [...]

    Reply

  40. Pingback from Discover mozilla popcorn.js | Death, Taxes & the Internet on ::

    [...] Visit site This entry was posted in Technology and tagged Browser, New Technology by TechDept. Bookmark the permalink. [...]

    Reply

  41. Pingback from Popcorn.js xray goggles plugin. « Scott Downe's Blog on ::

    [...] fumbling my way around the Hackasaurus xray goggles bookmarklet, in an attempt to use them in a popcorn plugin, while other things [...]

    Reply

  42. Pingback from Supercharge media elements on your website | Servage Magazine on ::

    [...] you using videos online? Check out Popcorn to supercharge your media development! The developer [...]

    Reply

  43. Pingback from Neues HTML5-Toolkit macht Webvideos “interaktiv” | blog.mediaring.org on ::

    [...] vorstellen, so die Macher. Das komplette, 311 KByte große Popcorn-Paket steht zum kostenlosen Download auf der Website [...]

    Reply

  44. Pingback from JavaScript frameworks, tools and techniques to create killer applications « The Blog of Jordan Rynard on ::

    [...] Brought to you by Mozilla, Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy lifting to Popcorn, and concentrate on what you do best: writing awesome code.→ Visit Popcorn.js [...]

    Reply

  45. Pingback from Popcorn.js down the dark path of IE8 support « Scott Downe's Blog on ::

    [...] is due to increasing demand for Popcorn.js to reach more audiences, and while I do believe this is a dark road, and one that detrimental to [...]

    Reply

  46. Pingback from New Tools And Resources For Web Designers on ::

    [...] Popcorn.js: an event system for HTML5 media developers [...]

    Reply

  47. Pingback from Da Leggere: The i-docs’ “evolution” | marco carli on ::

    [...] have emerged in the last year. Those can use HTML 5 language with javascript frameworks (such popcorn.js), and other frameworks (as Zeega, Klynt and 3WDOC) will allow the incorporation and handling of [...]

    Reply

  48. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 | Witty City Blog on ::

    [...] The company’s effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over [...]

    Reply

  49. Pingback from An Event System for HTML5 Media Developers | Developer Tools - Open Source Web Development Tools on ::

    [...] Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy lifting to Popcorn, and concentrate on what you do best: writing awesome code. [...]

    Reply

  50. Pingback from JavaScript frameworks, tools and techniques to create killer applications | Easy jQuery on ::

    [...] Brought to you by Mozilla, Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy lifting to Popcorn, and concentrate on what you do best: writing awesome code. → Visit Popcorn.js [...]

    Reply

  51. Pingback from JavaScript frameworks, tools and techniques to create killer applications | عکس مدل لباس مانتو on ::

    [...] Brought to you by Mozilla, Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy lifting to Popcorn, and concentrate on what you do best: writing awesome code. → Visit Popcorn.js [...]

    Reply

  52. Pingback from Apreneu una forma diferent de crear al web amb vídeo + HTML5 + JavaScript « mozilla.cat on ::

    [...] l’eina per a desenvolupadors i hackers JS: http://mozillapopcorn.org/popcornjs/ [...]

    Reply

  53. Pingback from Apreneu una forma diferent de crear al web amb vídeo + HTML5 + JavaScript – Districte 22 on ::

    [...] l’eina per a desenvolupadors i hackers JS: http://mozillapopcorn.org/popcornjs/ [...]

    Reply

  54. Pingback from Ranking: Best Free Video Players For Your Website | #webbu on ::

    [...] Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy lifting to Popcorn, and concentrate on what you do best: writing awesome code. [...]

    Reply

  55. Pingback from Ranking: Best Free HTML5 & JS Video Players For Websites | #webbu on ::

    [...] Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy lifting to Popcorn, and concentrate on what you do best: writing awesome code. [...]

    Reply

Post Your Comment