/* global _wpmejsSettings, mejsL10n */
window.wp = window.wp || {};
function wpMediaElement() {
* Initialize media elements.
* Ensures media elements that have already been initialized won't be
* @memberOf wp.mediaelement
if ( typeof _wpmejsSettings !== 'undefined' ) {
settings = $.extend( true, {}, _wpmejsSettings );
settings.classPrefix = 'mejs-';
settings.success = settings.success || function ( mejs ) {
if ( mejs.rendererName && -1 !== mejs.rendererName.indexOf( 'flash' ) ) {
autoplay = mejs.attributes.autoplay && 'false' !== mejs.attributes.autoplay;
loop = mejs.attributes.loop && 'false' !== mejs.attributes.loop;
mejs.addEventListener( 'canplay', function() {
mejs.addEventListener( 'ended', function() {
* Sets up a custom error handler in case a video render fails, and provides a download
* @param {object} media The wrapper that mimics all the native events/properties/methods for all renderers.
* @param {object} node The original HTML video, audio, or iframe tag where the media was loaded.
settings.customError = function ( media, node ) {
// Make sure we only fall back to a download link for flash files.
if ( -1 !== media.rendererName.indexOf( 'flash' ) || -1 !== media.rendererName.indexOf( 'flv' ) ) {
return '<a href="' + node.src + '">' + mejsL10n.strings['mejs.download-file'] + '</a>';
// Only initialize new media elements.
$( '.wp-audio-shortcode, .wp-video-shortcode' )
.not( '.mejs-container' )
return ! $( this ).parent().hasClass( 'mejs-mediaelement' );
.mediaelementplayer( settings );
* @namespace wp.mediaelement
window.wp.mediaelement = new wpMediaElement();
$( window.wp.mediaelement.initialize );