MediaElement.js – HTML5 Video & Audio Player

MediaElement.js is an HTML5 video and audio player with Flash fallback and captions. Supports IE, Firefox, Opera, Safari, Chrome and iPhone, iPad, And

Author:John Dyer (profile at wordpress.org)
WordPress version required:2.9
WordPress version tested:4.9.14
Plugin version:4.2.8
Added to WordPress repository:24-09-2010
Last updated:16-01-2018
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:84
Rated by:25
Plugin URI:http://mediaelementjs.com/
Total downloads:633 011
Active installs:10 000+
plugin download
Click to start download

Video and audio plugin for WordPress built on the MediaElement.js HTML5 media player library. Provides Flash or Silverlight fallback players for non-HTML5 browsers. Supports iPhone, iPad, and Andriod.
Supports MP4, OGG, WebM, WMV, MP3, WAV, WMA files as well as captions with WebSRT files.

Check out mediaElementjs.com for more information and examples.

Typical Usage for video


Typical Usage for audio



Shortcode Options

Alternatives

If you have a plugin that conflicts with MediaElement.js, you can also use the short codes

[mejsvideo src="http://mysite.com/mymedia.mp4" width="640" height="360"]
[mejsaudio src="http://mysite.com/mymedia.mp3"]

src

This location of any audio or video file


You can also leave off the extention and MediaElement.js will look for all media files matching the filename (mymedia.mp4, mymedia.webm, etc.)

http://mysite.com/mymedia

type

The media type of the resource

http://mysite.com/mymedia?xyz

mp4

The location of the h.264/MP4 source for the video.


mp3

The location of an MP3 file for video


ogg

The location of the Theora/Ogg source for the video.


webm

The location of the VP8/WebM source for the video.


poster

The location of the poster frame for the video.


width

The width of the video


height

The height of the video


loop

Loops the video or audio when it ends


preload

Start loading the video as soon as possible, before the user clicks play.


autoplay

Start playing the video as soon as it’s ready.


fullscreen

Disables the fullscreen button


duration

Disables the duration output


volume

Disables the volume slider


progress

Disables the progress bar


captions

URL to a WebSRT captions file


Simple Video

Basic playback options


All Attributes Video

All options enabled


Simple Audio

Basic playback options


All Attributes Audio

All options enabled


Use in a template

You can use WordPress shortcodes in your templates using the do_shortcode function.

<?php echo do_shortcode(''); ?>