[Summary view] [Print] [Text view]

   1  /* global _wpmejsSettings, mejsL10n */
   2  (function( window, $ ) {
   3  
   4      window.wp = window.wp || {};
   5  
   6  	function wpMediaElement() {
   7          var settings = {};
   8  
   9          /**
  10           * Initialize media elements.
  11           *
  12           * Ensures media elements that have already been initialized won't be
  13           * processed again.
  14           *
  15           * @memberOf wp.mediaelement
  16           *
  17           * @since 4.4.0
  18           *
  19           * @return {void}
  20           */
  21  		function initialize() {
  22              if ( typeof _wpmejsSettings !== 'undefined' ) {
  23                  settings = $.extend( true, {}, _wpmejsSettings );
  24              }
  25              settings.classPrefix = 'mejs-';
  26              settings.success = settings.success || function ( mejs ) {
  27                  var autoplay, loop;
  28  
  29                  if ( mejs.rendererName && -1 !== mejs.rendererName.indexOf( 'flash' ) ) {
  30                      autoplay = mejs.attributes.autoplay && 'false' !== mejs.attributes.autoplay;
  31                      loop = mejs.attributes.loop && 'false' !== mejs.attributes.loop;
  32  
  33                      if ( autoplay ) {
  34                          mejs.addEventListener( 'canplay', function() {
  35                              mejs.play();
  36                          }, false );
  37                      }
  38  
  39                      if ( loop ) {
  40                          mejs.addEventListener( 'ended', function() {
  41                              mejs.play();
  42                          }, false );
  43                      }
  44                  }
  45              };
  46  
  47              /**
  48               * Custom error handler.
  49               *
  50               * Sets up a custom error handler in case a video render fails, and provides a download
  51               * link as the fallback.
  52               *
  53               * @since 4.9.3
  54               *
  55               * @param {object} media The wrapper that mimics all the native events/properties/methods for all renderers.
  56               * @param {object} node  The original HTML video, audio, or iframe tag where the media was loaded.
  57               * @return {string}
  58               */
  59              settings.customError = function ( media, node ) {
  60                  // Make sure we only fall back to a download link for flash files.
  61                  if ( -1 !== media.rendererName.indexOf( 'flash' ) || -1 !== media.rendererName.indexOf( 'flv' ) ) {
  62                      return '<a href="' + node.src + '">' + mejsL10n.strings['mejs.download-file'] + '</a>';
  63                  }
  64              };
  65  
  66              // Only initialize new media elements.
  67              $( '.wp-audio-shortcode, .wp-video-shortcode' )
  68                  .not( '.mejs-container' )
  69                  .filter(function () {
  70                      return ! $( this ).parent().hasClass( 'mejs-mediaelement' );
  71                  })
  72                  .mediaelementplayer( settings );
  73          }
  74  
  75          return {
  76              initialize: initialize
  77          };
  78      }
  79  
  80      /**
  81       * @namespace wp.mediaelement
  82       * @memberOf wp
  83       */
  84      window.wp.mediaelement = new wpMediaElement();
  85  
  86      $( window.wp.mediaelement.initialize );
  87  
  88  })( window, jQuery );