Simple integration with 3rd party media providers (YouTube, Vimeo, etc.)
Player skin selection.
Support for many mediaelement.js settings through the admin UI.
I18n integration with Drupal.
~20% smaller player filesize.
Installation and Usage
Download/git the improved mediaelement library and extract to
Optional Customize mediaelement.js for your specific needs ( ads, playlist, sourcechooser, or other features) by editing the
grunt/concattask or editing the
/src/assets and rebuilding the script.
npm install: installs grunt & tasks.
grunt: compiles all
grunt build: copies the
Download/git the mediaelement module and extract to
Enable the module.
Configure global settings
Select the player skin other sitewide options that make you happy:
Configure content fields
Add fields: Your content type should include some type of media.
File: media hosted on your server.
Link: media hosted on another domain, i.e. YouTube, Vimeo, etc.
Manage Display: Set the Format to
MediaElement Audio or
- The Format settings allow you to manage attributes specific to that field ( i.e. width, height, autoplay, etc.).
3rd Party Sources
Streaming media from 3rd party sources is accomplished by adding a
link field displayed as Mediaelement Audio/Video. Youtube & Vimeo are explicitly supported, though
other providers may also be used as long as they provide public file access.
The link may reference either the Embed (
https://www.youtube.com/embed/mUPyVAdbnag) or Share (
It's best to use protocol agnostic (
//youtu.be/mUPyVAdbnag) links, although that isn't a requirement.