Skip to content
MediaElement.js Plugin for Joomla
PHP
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
Joomla 1.5 Protocol relative jQuery URL
Joomla 1.6/pb_mediael Quote type
.gitignore Typo
README.markdown Unmaintained warning

README.markdown

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 mediaelementjs.com 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.

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] }

Audio:

{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.

Changelog

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
Something went wrong with that request. Please try again.