home *** CD-ROM | disk | FTP | other *** search
/ HTML Examples / WP.iso / wordpress2 / wp-includes / js / mediaelement / mediaelement-migrate.js < prev    next >
Encoding:
JavaScript  |  2017-10-16  |  2.8 KB  |  85 lines
  1. /* global console, MediaElementPlayer, mejs */
  2. (function ( window, $ ) {
  3.     // Reintegrate `plugins` since they don't exist in MEJS anymore; it won't affect anything in the player
  4.     if (mejs.plugins === undefined) {
  5.         mejs.plugins = {};
  6.         mejs.plugins.silverlight = [];
  7.         mejs.plugins.silverlight.push({
  8.             types: []
  9.         });
  10.     }
  11.  
  12.     // Inclusion of old `HtmlMediaElementShim` if it doesn't exist
  13.     mejs.HtmlMediaElementShim = mejs.HtmlMediaElementShim || {
  14.         getTypeFromFile: mejs.Utils.getTypeFromFile
  15.     };
  16.  
  17.     // Add missing global variables for backward compatibility
  18.     if (mejs.MediaFeatures === undefined) {
  19.         mejs.MediaFeatures = mejs.Features;
  20.     }
  21.     if (mejs.Utility === undefined) {
  22.         mejs.Utility = mejs.Utils;
  23.     }
  24.  
  25.     /**
  26.      * Create missing variables and have default `classPrefix` overridden to avoid issues.
  27.      *
  28.      * `media` is now a fake wrapper needed to simplify manipulation of various media types,
  29.      * so in order to access the `video` or `audio` tag, use `media.originalNode` or `player.node`;
  30.      * `player.container` used to be jQuery but now is a HTML element, and many elements inside
  31.      * the player rely on it being a HTML now, so its conversion is difficult; however, a
  32.      * `player.$container` new variable has been added to be used as jQuery object
  33.      */
  34.     var init = MediaElementPlayer.prototype.init;
  35.     MediaElementPlayer.prototype.init = function () {
  36.         this.options.classPrefix = 'mejs-';
  37.         this.$media = this.$node = $( this.node );
  38.         init.call( this );
  39.     };
  40.  
  41.     var ready = MediaElementPlayer.prototype._meReady;
  42.     MediaElementPlayer.prototype._meReady = function () {
  43.         this.container = $( this.container) ;
  44.         this.controls = $( this.controls );
  45.         this.layers = $( this.layers );
  46.         ready.apply( this, arguments );
  47.     };
  48.  
  49.     // Override method so certain elements can be called with jQuery
  50.     MediaElementPlayer.prototype.getElement = function ( el ) {
  51.         return $ !== undefined && el instanceof $ ? el[0] : el;
  52.     };
  53.  
  54.     // Add jQuery ONLY to most of custom features' arguments for backward compatibility; default features rely 100%
  55.     // on the arguments being HTML elements to work properly
  56.     MediaElementPlayer.prototype.buildfeatures = function ( player, controls, layers, media ) {
  57.         var defaultFeatures = [
  58.             'playpause',
  59.             'current',
  60.             'progress',
  61.             'duration',
  62.             'tracks',
  63.             'volume',
  64.             'fullscreen'
  65.         ];
  66.         for (var i = 0, total = this.options.features.length; i < total; i++) {
  67.             var feature = this.options.features[i];
  68.             if (this['build' + feature]) {
  69.                 try {
  70.                     // Use jQuery for non-default features
  71.                     if (defaultFeatures.indexOf(feature) === -1) {
  72.                         this['build' + feature]( player, $(controls), $(layers), media );
  73.                     } else {
  74.                         this['build' + feature]( player, controls, layers, media );
  75.                     }
  76.  
  77.                 } catch (e) {
  78.                     console.error( 'error building ' + feature, e );
  79.                 }
  80.             }
  81.         }
  82.     };
  83.  
  84. })( window, jQuery );
  85.