diff --git a/src/wp-includes/js/mediaelement/wp-mediaelement.js b/src/wp-includes/js/mediaelement/wp-mediaelement.js index 8c4364aa32..fe47d2f0c1 100644 --- a/src/wp-includes/js/mediaelement/wp-mediaelement.js +++ b/src/wp-includes/js/mediaelement/wp-mediaelement.js @@ -1,34 +1,61 @@ /* global mejs, _wpmejsSettings */ -(function ($) { +(function( window, $ ) { + + window.wp = window.wp || {}; + // add mime-type aliases to MediaElement plugin support mejs.plugins.silverlight[0].types.push('video/x-ms-wmv'); mejs.plugins.silverlight[0].types.push('audio/x-ms-wma'); - $(function () { + function wpMediaElement() { var settings = {}; - if ( typeof _wpmejsSettings !== 'undefined' ) { - settings = _wpmejsSettings; + /** + * Initialize media elements. + * + * Ensures media elements that have already been initialized won't be + * processed again. + * + * @since 4.4.0 + */ + function initialize() { + if ( typeof _wpmejsSettings !== 'undefined' ) { + settings = _wpmejsSettings; + } + + settings.success = settings.success || function (mejs) { + var autoplay, loop; + + if ( 'flash' === mejs.pluginType ) { + autoplay = mejs.attributes.autoplay && 'false' !== mejs.attributes.autoplay; + loop = mejs.attributes.loop && 'false' !== mejs.attributes.loop; + + autoplay && mejs.addEventListener( 'canplay', function () { + mejs.play(); + }, false ); + + loop && mejs.addEventListener( 'ended', function () { + mejs.play(); + }, false ); + } + }; + + // Only initialize new media elements. + $( '.wp-audio-shortcode, .wp-video-shortcode' ) + .not( '.mejs-container' ) + .filter(function () { + return ! $( this ).parent().hasClass( '.mejs-mediaelement' ); + }) + .mediaelementplayer( settings ); } - settings.success = settings.success || function (mejs) { - var autoplay, loop; - - if ( 'flash' === mejs.pluginType ) { - autoplay = mejs.attributes.autoplay && 'false' !== mejs.attributes.autoplay; - loop = mejs.attributes.loop && 'false' !== mejs.attributes.loop; - - autoplay && mejs.addEventListener( 'canplay', function () { - mejs.play(); - }, false ); - - loop && mejs.addEventListener( 'ended', function () { - mejs.play(); - }, false ); - } + return { + initialize: initialize }; + } - $('.wp-audio-shortcode, .wp-video-shortcode').mediaelementplayer( settings ); - }); + window.wp.mediaelement = new wpMediaElement(); -}(jQuery)); + $( document ).on( 'ready', window.wp.mediaelement.initialize ); + +})( window, jQuery );