Make WordPress Core

Changeset 27658


Ignore:
Timestamp:
03/23/2014 03:15:35 AM (10 years ago)
Author:
wonderboymusic
Message:

When an HTML5 fallback button is pressed in the Audio or Video Details state, filter the library by that specific mime-type when the Add Audio|Video Source is activated.

See #27389.

Location:
trunk/src/wp-includes
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/js/media-audiovideo.js

    r27655 r27658  
    14091409        $(document.body)
    14101410            .on( 'click', '.wp-switch-editor', wp.media.mixin.pauseAllPlayers )
    1411             .on( 'click', '.add-media-source', function() {
    1412                 media.frame.setState('add-' + media.frame.defaults.id + '-source');
     1411            .on( 'click', '.add-media-source', function( e ) {
     1412                media.frame.lastMime = $( e.currentTarget ).data( 'mime' );
     1413                media.frame.setState( 'add-' + media.frame.defaults.id + '-source' );
    14131414            } );
    14141415    }
  • trunk/src/wp-includes/js/media-views.js

    r27643 r27658  
    11411141        initialize: function( options ) {
    11421142            this.media = options.media;
    1143             this.set( 'library', media.query({ type: options.type }) );
     1143            this.type = options.type;
     1144            this.set( 'library', media.query({ type: this.type }) );
    11441145
    11451146            media.controller.Library.prototype.initialize.apply( this, arguments );
     1147        },
     1148
     1149        activate: function() {
     1150            if ( media.frame.lastMime ) {
     1151                this.set( 'library', media.query({ type: media.frame.lastMime }) );
     1152                delete media.frame.lastMime;
     1153            }
     1154            media.controller.Library.prototype.activate.apply( this, arguments );
    11461155        }
    11471156    });
  • trunk/src/wp-includes/media-template.php

    r27656 r27658  
    772772
    773773    <script type="text/html" id="tmpl-audio-details">
    774         <# var ext, html5types = { mp3: true, ogg: true }; #>
     774        <# var ext, html5types = {
     775            mp3: wp.media.view.settings.embedMimes.mp3,
     776            ogg: wp.media.view.settings.embedMimes.ogg
     777        }; #>
    775778
    776779        <?php $audio_types = wp_get_audio_extensions(); ?>
     
    811814                    <span>{{{ wp.media.view.l10n.mediaHTML5Text }}}</span>
    812815                    <div class="button-large">
    813                     <# _.each( html5types, function (value, type) { #>
    814                     <button class="button add-media-source">{{ type }}</button>
     816                    <# _.each( html5types, function (mime, type) { #>
     817                    <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button>
    815818                    <# } ) #>
    816819                    </div>
     
    848851
    849852    <script type="text/html" id="tmpl-video-details">
    850         <# var ext, html5types = { mp4: true, ogv: true, webm: true }; #>
     853        <# var ext, html5types = {
     854            mp4: wp.media.view.settings.embedMimes.mp4,
     855            ogv: wp.media.view.settings.embedMimes.ogv,
     856            webm: wp.media.view.settings.embedMimes.webm
     857        }; #>
    851858
    852859        <?php $video_types = wp_get_video_extensions(); ?>
     
    897904                    <span>{{{ wp.media.view.l10n.mediaHTML5Text }}}</span>
    898905                    <div class="button-large">
    899                     <# _.each( html5types, function (value, type) { #>
    900                     <button class="button add-media-source">{{ type }}</button>
     906                    <# _.each( html5types, function (mime, type) { #>
     907                    <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button>
    901908                    <# } ) #>
    902909                    </div>
Note: See TracChangeset for help on using the changeset viewer.