WordPress.org

Make WordPress Core

Ticket #27016: 27016.7.diff

File 27016.7.diff, 5.4 KB (added by wonderboymusic, 6 years ago)
  • src/wp-includes/js/media-views.js

     
    62396239                        media.view.Settings.AttachmentDisplay.prototype.render.apply( this, arguments );
    62406240                        setTimeout( function() { self.resetFocus(); }, 10 );
    62416241
    6242                         new MediaElementPlayer( this.$('audio').get(0), settings );
     6242                        new MediaElementPlayer( this.$('.wp-audio-shortcode').get(0), settings );
    62436243
    62446244                        return this;
    62456245                },
     
    62646264                template:  media.template('video-details'),
    62656265
    62666266                initialize: function() {
    6267                         _.bindAll(this, 'player', 'played');
     6267                        _.bindAll(this, 'player');
    62686268
    6269                         this.removable = false;
    62706269                        this.listenTo( this.controller, 'close', this.close );
    62716270
    6272                         // used in AttachmentDisplay.prototype.updateLinkTo
    6273                         this.options.attachment = this.model.attachment;
    62746271                        media.view.Settings.AttachmentDisplay.prototype.initialize.apply( this, arguments );
    62756272                },
    62766273
     
    62876284                },
    62886285
    62896286                close : function() {
    6290                         if ( this.removable ) {
    6291                                 this.mejs.pause();
    6292                         }
     6287                        this.mejs.pause();
    62936288                        this.remove();
    6294                         this.mejs = this.mejsInstance = null;
    62956289                },
    62966290
    6297                 played : function () {
    6298                         this.removable = true;
    6299                 },
    6300 
    63016291                player : function (mejs) {
    63026292                        this.mejs = mejs;
    6303                         this.mejs.addEventListener( 'play', this.played );
    63046293                },
    63056294
    63066295                render: function() {
     
    63156304                        media.view.Settings.AttachmentDisplay.prototype.render.apply( this, arguments );
    63166305                        setTimeout( function() { self.resetFocus(); }, 10 );
    63176306
    6318                         if ( ! this.mejsInstance ) {
    6319                                 this.mejsInstance = new MediaElementPlayer( this.$('video').get(0), settings );
    6320                         }
    6321 
     6307                        new MediaElementPlayer( this.$('.wp-video-shortcode').get(0), settings );
    63226308                        return this;
    63236309                },
    63246310
  • src/wp-includes/media-template.php

     
    654654                <# var rendered = false; #>
    655655                <div class="media-embed">
    656656                        <div class="embed-media-settings embed-audio-settings">
    657                                 <# if ( data.model.src ) { #>
    658                                         <audio class="wp-audio-shortcode" src="{{{ data.model.src }}}"
     657                                <#
     658                                        var src,
     659                                                t = (new Date()).getTime();
     660
     661                                        if ( data.model.src ) {
     662                                                src = data.model.src + (data.model.src.indexOf('?') > -1 ? '&' : '?' ) + t;#>
     663                                        <audio controls class="wp-audio-shortcode" src="{{{ src }}}"
    659664                                                preload="{{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}}"
    660665                                                <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #>autoplay<# } #>
    661666                                                <# if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { #>loop<# } #>
     
    671676
    672677                                foreach ( $default_types as $type ): ?>
    673678                                <# if ( data.model.<?php echo $type ?> ) { #>
    674                                         <# if ( ! rendered ) { #>
    675                                         <audio class="wp-audio-shortcode" src="{{{ data.model.<?php echo $type ?> }}}"
     679                                        <# if ( ! rendered ) {
     680                                                src = data.model.<?php echo $type ?> + (data.model.<?php echo $type ?>.indexOf('?') > -1 ? '&' : '?' ) + t; #>
     681                                        <audio controls class="wp-audio-shortcode" src="{{{ src }}}"
    676682                                                preload="{{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}}"
    677683                                                <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #>autoplay<# } #>
    678684                                                <# if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { #>loop<# } #>
     
    723729                        <div class="embed-media-settings embed-video-settings">
    724730                                <div class="wp-video-holder">
    725731                                <#
    726                                 var w = ! data.model.width || data.model.width > 640 ? 640 : data.model.width,
    727                                         h = ! data.model.height ? 320 : data.model.height;
     732                                        var src,
     733                                                t = (new Date()).getTime(),
     734                                                w = ! data.model.width || data.model.width > 640 ? 640 : data.model.width,
     735                                                h = ! data.model.height ? 360 : data.model.height;
    728736
    729737                                if ( w !== data.model.width ) {
    730738                                        h = Math.ceil( ( h * w ) / data.model.width );
    731739                                }
    732740
    733                                 if ( data.model.src ) { #>
    734                                         <video class="wp-video-shortcode"
     741                                if ( data.model.src ) {
     742                                        src = data.model.src + (data.model.src.indexOf('?') > -1 ? '&' : '?' ) + t;
     743                                #>
     744                                        <video controls class="wp-video-shortcode"
    735745                                                width="{{{ w }}}"
    736746                                                height="{{{ h }}}"
    737                                                 src="{{{ data.model.src }}}"
     747                                                src="{{{ src }}}"
    738748                                                <# if ( ! _.isUndefined( data.model.poster ) ) { #>poster="{{{ data.model.poster }}}"<# } #>
    739749                                                preload="{{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}}"
    740750                                                <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #>autoplay<# } #>
     
    751761
    752762                                foreach ( $default_types as $type ): ?>
    753763                                <# if ( data.model.<?php echo $type ?> ) { #>
    754                                         <# if ( ! rendered ) { #>
    755                                         <video class="wp-video-shortcode"
     764                                        <# if ( ! rendered ) {
     765                                                src = data.model.<?php echo $type ?> + (data.model.<?php echo $type ?>.indexOf('?') > -1 ? '&' : '?' ) + t;
     766                                        #>
     767                                        <video controls class="wp-video-shortcode"
    756768                                                width="{{{ w }}}"
    757769                                                height="{{{ h }}}"
    758                                                 src="{{{ data.model.<?php echo $type ?> }}}"
     770                                                src="{{{ src }}}"
    759771                                                <# if ( ! _.isUndefined( data.model.poster ) ) { #>poster="{{{ data.model.poster }}}"<# } #>
    760772                                                preload="{{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}}"
    761773                                                <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #>autoplay<# } #>