Ignore:
Timestamp:
11/02/12 09:05:32 (7 years ago)
Author:
kent1
Message:

On calcule le ratio de la vidéo que l'on sauve dans l'objet js de la video pour le réutiliser si besoin

Si pas de movieSize == adapt, on garde la largeur et on redéfini la hauteur de la vidéo en fonction de son ratio naturel

File:
1 edited

Legend:

Unmodified
Added
Removed
  • plugins_spip/html5/trunk/javascript/mediaspip_player.js

    r7002 r7032  
    172172                                        id.mediacanplay = id.isFullScreen = false;
    173173                                        var styles = ' style="',
    174                                                 style = (options.width || options.height),
     174                                                style = true,
    175175                                                control = null,
    176176                                                bloc_messages = '';
    177                                        
    178177                                        if(options.width) styles += 'width:'+options.width+'px;';
     178                                        if(!options.width && media.attr('width'))
     179                                                styles += 'width:'+media.attr('width')+';';
    179180                                        if(options.height) styles += 'height:'+options.height+'px;';
    180 
     181                                        if(!options.height && media.attr('height'))
     182                                                styles += 'height:'+media.attr('height')+'px;';
    181183                                        styles += '"';
     184                                       
     185                                        media.attr('width','100%').attr('height','100%');
     186                                       
    182187                                        media.parent().wrapInner('<div class="media_wrapper loading '+class_wrapper+'"'+(style ? styles : '') +'></div>');
    183188                                        wrapper = media.parent();
     
    215220                                                control = wrapper.find('.controls');
    216221                                        }
    217                                         if(options.minwidth && $(this).width() > options.minwidth) wrapper.width($(this).width());
     222                                        if(options.minwidth && $(this).width() > options.minwidth){ wrapper.width($(this).width());}
    218223                                        else if(options.minwidth) wrapper.width(options.minwidth);
    219224                                       
     
    452457                               
    453458                                if(id.videoHeight && id.videoWidth){
     459                                        var ratio_video = id.videoWidth/id.videoHeight;
     460                                        id.ratio = ratio_video;
    454461                                        if(options.movieSize == 'adapt' && !id.isFullScreen && !media.hasClass('noresize')){
    455462                                                width_container = parent_width;
     
    459466                                                        media.ms_resize_controls();
    460467                                                });
     468                                        }else{
     469                                                var media_height = media.width()/id.ratio;
     470                                                wrapper.css({'height':media_height+'px'});
    461471                                        }
    462472                                }
Note: See TracChangeset for help on using the changeset viewer.