Skip to content


Subversion checkout URL

You can clone with
Download ZIP
MediaElement.js Plugin for Joomla
Tree: 678241247b

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
Joomla 1.5


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

Version 0.1

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.

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

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.

Step 3: On the plugin page in Joomla you can set defaults if you want. However this is not required.

Step 4: Insert the shortcode into an article.

Video: {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=[ ].

Coming Next

  • Joomla 1.6 version.
  • Clean up and check code.
  • Try to improve flexibilty.
Something went wrong with that request. Please try again.