MediaElement.js Plugin for Joomla
Switch branches/tags
Nothing to show
Clone or download
Latest commit e6e5884 May 2, 2012
Failed to load latest commit information.
Joomla 1.5 Protocol relative jQuery URL Mar 2, 2012
Joomla 1.6/pb_mediael Quote type Mar 1, 2012
.gitignore Typo Oct 13, 2011
README.markdown Unmaintained warning May 2, 2012


MediaEl - [MediaElement.js HTML5 Video Player plugin for Joomla]

Please be aware

I cannot currently support / continue development of this plugin. I am looking for a developer(s) to take on this as there seems to be a lot of interest in mediaelement.js for Joomla. Please get in touch / fork and let me know and we can sort out redirecting people.

Version 0.5

HTML5 / code generator with fallback to Flash and Silverlight - if desired. View for a demo of MedialElement.js and overview.

This plugin provides a method for generating the code within Joomla using a shortcode. Compatible with Joomla 1.5. Joomla 1.6 compatible files currently untested.

The structure of this plugin was based on the VideoJS plugin developed by Alfred Bösch.

Please note - I have little time to maintain and test this. I do my best to support it but contributors would be very welcome!

Getting Started

Step 1: Zip the files into an archive and upload/install to Joomla.

If you get errors it is likely there are hidden files bring included. Often occurs on a Mac - use Terminal to compress or Windows.

Step 2: Enable the plugin in Joomla.

(Optional - Step 2b: On the plugin page in Joomla you can set defaults if you want.)

Step 3: Insert the shortcode into an article.


{pb_mediael media=[video] width=[640] height=[480] autoplay=[true] preload=[true] loop=[true] video_mp4=[http://mygreatvideofile.mp4] video_webm=[http://mygreatvideofile.webm] video_ogg=[http://mygreatvideofile.ogg] flash=[http://mygreatvideofile.mp4] image=[http://mygreatposterimage.jpg] }


{pb_mediael media=[audio] width=[250] height=[25] audio_mp3=[http://mygreataudiofile.mp3]}

All values are optional - except {pb_medialel }, providing you have set defaults. However it is recommended to set them in the shortcode. If you don't want to encode multiple versions of a movie, MP4 can be played in almost all browsers thanks to HTML5, Flash and Silverlight compatibility. Simply specify the same MP4 source file as both video_mp4=[ ] and flash=[ ].

To Do

  • More testing under Joomla 1.6/1.7/2.x
  • Add support for more MEJS variables.
  • Add support for each player having different setup variables.
  • Add pre-compressed versions for immediate use.
  • (Permenant..) Clean up and check code.


0.5 (2012-03-01)

  • Updated to MediaElement.js 2.6.5

0.4 (2011-11-1)

  • Updated to MediaElement.js 2.2.5
  • Added explicit support for .mov, .m4v, .m4a and .mpeg
  • Fixed errant </div>

0.3 (2011-10-13)

  • Cleaned up output in Head. Removed codec declaration from src.

0.2 (2011-10-13)

  • Added support for Joomla v1.6 (untested)

0.1 (2011-10-13)

  • First Release