WordPress.org

Make WordPress Core

Ticket #43640: 43640.3.diff

File 43640.3.diff, 4.1 KB (added by garrett-eclipse, 8 months ago)

Minor conditional logic refresh.

  • src/js/media/views/attachment/details-two-column.js

     
    3737         */
    3838        toggleSelectionHandler: function() {},
    3939
    40         render: function() {
    41                 Details.prototype.render.apply( this, arguments );
    42 
    43                 wp.media.mixin.removeAllPlayers();
    44                 this.$( 'audio, video' ).each( function (i, elem) {
    45                         var el = wp.media.view.MediaDetails.prepareSrc( elem );
    46                         new window.MediaElementPlayer( el, wp.media.mixin.mejsSettings );
    47                 } );
    48         }
    4940});
    5041
    5142module.exports = TwoColumn;
  • src/js/media/views/attachment/details.js

     
    198198                        this.moveFocus();
    199199                }
    200200        },
     201
    201202        /**
    202203         * Untrashes an attachment.
    203204         *
     
    257258                        this.controller.trigger( 'attachment:details:shift-tab', event );
    258259                        return false;
    259260                }
     261        },
     262
     263        render: function() {
     264                Attachment.prototype.render.apply( this, arguments );
     265
     266                wp.media.mixin.removeAllPlayers();
     267                this.$( 'audio, video' ).each( function (i, elem) {
     268                        var el = wp.media.view.MediaDetails.prepareSrc( elem );
     269                        new window.MediaElementPlayer( el, wp.media.mixin.mejsSettings );
     270                } );
    260271        }
    261272});
    262273
  • src/wp-includes/css/media-views.css

     
    17651765        padding-bottom: 11px;
    17661766}
    17671767
     1768.attachment-info .wp-media-wrapper {
     1769        margin-bottom: 8px;
     1770}
     1771
    17681772.attachment-info .filename {
    17691773        font-weight: 600;
    17701774        color: #444;
  • src/wp-includes/media-template.php

     
    595595                        </span>
    596596                </h2>
    597597                <div class="attachment-info">
    598                         <div class="thumbnail thumbnail-{{ data.type }}">
    599                                 <# if ( data.uploading ) { #>
    600                                         <div class="media-progress-bar"><div></div></div>
    601                                 <# } else if ( 'image' === data.type && data.size && data.size.url ) { #>
    602                                         <img src="{{ data.size.url }}" draggable="false" alt="" />
    603                                 <# } else { #>
    604                                         <img src="{{ data.icon }}" class="icon" draggable="false" alt="" />
    605                                 <# } #>
    606                         </div>
     598
     599                        <# if ( 'audio' === data.type ) { #>
     600                                <div class="wp-media-wrapper">
     601                                        <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none">
     602                                                <source type="{{ data.mime }}" src="{{ data.url }}"/>
     603                                        </audio>
     604                                </div>
     605                        <# } else if ( 'video' === data.type ) {
     606                                var w_rule = '';
     607                                if ( data.width ) {
     608                                        w_rule = 'width: ' + data.width + 'px;';
     609                                } else if ( wp.media.view.settings.contentWidth ) {
     610                                        w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;';
     611                                }
     612                        #>
     613                                <div style="{{ w_rule }}" class="wp-media-wrapper wp-video">
     614                                        <video controls="controls" class="wp-video-shortcode" preload="metadata"
     615                                                <# if ( data.width ) { #>width="{{ data.width }}"<# } #>
     616                                                <# if ( data.height ) { #>height="{{ data.height }}"<# } #>
     617                                                <# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>>
     618                                                <source type="{{ data.mime }}" src="{{ data.url }}"/>
     619                                        </video>
     620                                </div>
     621                        <# } else { #>
     622                                <div class="thumbnail thumbnail-{{ data.type }}">
     623                                        <# if ( data.uploading ) { #>
     624                                                <div class="media-progress-bar"><div></div></div>
     625                                        <# } else if ( 'image' === data.type && data.size && data.size.url ) { #>
     626                                                <img src="{{ data.size.url }}" draggable="false" alt="" />
     627                                        <# } else { #>
     628                                                <img src="{{ data.icon }}" class="icon" draggable="false" alt="" />
     629                                        <# } #>
     630                                </div>
     631                        <# } #>
     632
    607633                        <div class="details">
    608634                                <div class="filename">{{ data.filename }}</div>
    609635                                <div class="uploaded">{{ data.dateFormatted }}</div>