Ticket #27892: 27892.diff

src/wp-includes/js/mediaelement/wp-playlist.js

@@ -7 +7 @@
                 initialize : function (options) {
                         this.index = 0;
                         this.settings = {};
+                        this.compatMode = $( 'body' ).hasClass( 'wp-admin' ) && $( '#content_ifr' ).length;
                         this.data = options.metadata || $.parseJSON( this.$('script').html() );
                         this.playerNode = this.$( this.data.type );
 
@@ -26 +27 @@
                                 this.renderTracks();
                         }
 
-                        this.playerNode.attr( 'src', this.current.get( 'src' ) );
+                        if ( this.isCompatibleSrc() ) {
+                                this.playerNode.attr( 'src', this.current.get( 'src' ) );
+                        }
 
                         _.bindAll( this, 'bindPlayer', 'bindResetPlayer', 'setPlayer', 'ended', 'clickTrack' );
 
@@ -44 +47 @@
 
                 bindResetPlayer : function (mejs) {
                         this.bindPlayer( mejs );
-                        this.playCurrentSrc();
+                        if ( this.isCompatibleSrc() ) {
+                                this.playCurrentSrc();
+                        }
                 },
 
-                setPlayer: function () {
+                isCompatibleSrc: function () {
+                        var testNode;
+
+                        if ( this.compatMode ) {
+                                testNode = $( '<span><source type="' + this.current.get( 'type' ) + '" /></span>' );
+
+                                if ( ! wp.media.mixin.isCompatible( testNode ) ) {
+                                        this.playerNode.removeAttr( 'src' );
+                                        this.playerNode.removeAttr( 'poster' );
+                                        return;
+                                }
+                        }
+
+                        return true;
+                },
+
+                setPlayer: function (force) {
                         if ( this._player ) {
                                 this._player.pause();
                                 this._player.remove();
                                 this.playerNode = this.$( this.data.type );
-                                this.playerNode.attr( 'src', this.current.get( 'src' ) );
+                        }
+
+                        if (force) {
+                                if ( this.isCompatibleSrc() ) {
+                                        this.playerNode.attr( 'src', this.current.get( 'src' ) );
+                                }
                                 this.settings.success = this.bindResetPlayer;
                         }
+
                         /**
                          * This is also our bridge to the outside world
                          */
@@ -134 +161 @@
                 },
 
                 loadCurrent : function () {
-                        var last = this.playerNode.attr( 'src' ).split('.').pop(),
+                        var last = this.playerNode.attr( 'src' ) && this.playerNode.attr( 'src' ).split('.').pop(),
                                 current = this.current.get( 'src' ).split('.').pop();
 
-                        this.player.pause();
+                        this.player && this.player.pause();
 
                         if ( last !== current ) {
-                                this.setPlayer();
-                        } else {
+                                this.setPlayer( true );
+                        } else if ( this.isCompatibleSrc() ) {
                                 this.playerNode.attr( 'src', this.current.get( 'src' ) );
                                 this.playCurrentSrc();
                         }