Ignore:
Timestamp:
11/14/12 12:40:46 (7 years ago)
Author:
kent1
Message:

La version flash fonctionne comme la version html5 pour les tailles

autres petites corrections

Location:
plugins_spip/html5/trunk
Files:
3 edited

Legend:

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

    r7138 r7143  
    2121                                autoload: false,
    2222                                autoplay: false,
    23                                 movieSize : 'adapt',
     23                                movieSize : null,
    2424                                bgcolor: '#000000',
    2525                                wmode: 'transparent',
     
    4848                        media[0].options = options;
    4949                        if(liens.length>0){
     50                               
    5051                                var styles = ' style="',
    5152                                        style = (options.height && options.width) ? true:false;
    52 
    53                                 if(options.width)
    54                                         styles += 'width:'+options.width+'px;';
    55                                 if(options.height)
    56                                         styles += 'height:'+options.height+'px;';
     53                                if(options.width)
     54                                        styles += 'width:'+  options.width +(options.width.match('%') ? ';' : 'px;');
     55                                if(!options.width && media.attr('width'))
     56                                        styles += 'width:'+media.attr('width')+'px;';
     57                                if(options.height) styles += 'height:'+options.height+'px;';
     58                                if(!options.height && media.attr('height'))
     59                                        styles += 'height:'+media.attr('height')+'px;';
    5760
    5861                                styles += '"';
     62
    5963                                var lecteur = '<div class="media_wrapper loading"'+(style ? styles : '') +'>';
    6064                                        /**
     
    6367                                        lecteur += (options.messages) ? '<div class="messages" style="display:none"></div>' : '';
    6468                                        lecteur +=(options.poster) ? '<div class="html5_cover"><img src="'+options.poster+'" /></div>' : '';
    65                                         lecteur +='<div class="flowplayer"'+(style ? styles : '') +'></div>';
     69                                        lecteur +='<div class="flowplayer"></div>';
    6670                                        lecteur +='<div class="controls small">'
    6771                                        +'<div class="buttons_left">'
     
    147151                                onMetaData:function(clip) {
    148152                                        if(isVideo){
    149                                                 var parent_width = wrapper.parent().parent().width(),
    150                                                         ratio = parent_width/clip.metaData.width,
    151                                                         parent_height = clip.metaData.height*ratio;
    152                                                 wrapper.css({height:parent_height.toFixed()+'px',width:parent_width+'px'});
    153                                                 wrapper.find('.flowplayer').height(parent_height.toFixed()).width(parent_width);
     153                                                var ratio_video = clip.metaData.width/clip.metaData.height;
     154                                                        media.ratio = ratio_video;
     155                                                if(options.movieSize == 'adapt' && !media.hasClass('noresize') && (options.movieSize != 'noresize')){
     156                                                                /**
     157                                                                 * En mode adapt :
     158                                                                 * - on dimensionne la largeur à 100%
     159                                                                 * - on dimensionne la hauteur à un ratio correspondant au ratio réel de la vidéo
     160                                                                 * par rapport à la largeur du bloc parent
     161                                                                 */
     162                                                                width_container = wrapper.parent().parent().width();
     163                                                                var ratio = (width_container/clip.metaData.width),
     164                                                                        height_final = (clip.metaData.height*ratio).toFixed();
     165                                                                wrapper.add(media).animate({height:height_final+'px',width:'100%'},500,function(){
     166                                                                        media.progress_resize();
     167                                                                });
     168                                                        }else if(!media.hasClass('noresize') || options.movieSize != 'noresize'){
     169                                                                /**
     170                                                                 * En mode normal, on redimentionne la hauteur de la vidéo en fonction
     171                                                                 * du ratio réel récupéré des métadonnées
     172                                                                 */
     173                                                                var media_height = wrapper.width()/media.ratio;
     174                                                                wrapper.css({'height':media_height+'px'});
     175                                                        }
    154176                                        }
    155177                                        if(typeof(clip.duration) != 'undefined'){
     
    189211                                },
    190212                                onBeforeSeek:function(clip,time){
    191                                                         wrapper.addClass('seeking').find('.play_pause_button').attr('title',ms_player_lang.bouton_seeking);
    192                                                         if(this.isPlaying()) clip.status = 'playing';
    193                                                         else if(this.isPaused()) clip.status = 'paused';
     213                                        //console.log('beforeseek');
     214                                                        //wrapper.addClass('seeking').find('.play_pause_button').attr('title',ms_player_lang.bouton_seeking);
     215                                                        //if(this.isPlaying()) clip.status = 'playing';
     216                                                        //else if(this.isPaused()) clip.status = 'paused';
    194217                                },
    195218                                onSeek:function(clip,time){
     219                                        console.log('seeked?');
    196220                                        var time_affiche = ms_second_to_time(time);
    197221                                                        wrapper.removeClass('seeking');
     
    317341                                                media.progress_resize();
    318342                                       
     343                                                media.dblclick(function(e){
     344                                                        return false;
     345                                                });
     346                                               
    319347                                        bufferfull = false;
    320348                                        var statustime = 0;
  • plugins_spip/html5/trunk/javascript/mediaspip_player.js

    r7142 r7143  
    176176                                                control = null,
    177177                                                bloc_messages = '';
    178                                         if(options.width) styles += 'width:'+options.width+options.width.match('%') ? ';' : 'px;';
     178                                        if(options.width) styles += 'width:'+options.width+ (options.width.match('%') ? ';' : 'px;');
    179179                                        if(!options.width && media.attr('width'))
    180180                                                styles += 'width:'+media.attr('width')+'px;';
     
    345345                                       
    346346                                        media.dblclick(function(e){
     347                                                media.ms_fullscreen();
    347348                                                e.preventDefault();
    348                                                 media.ms_fullscreen();
    349349                                        });
    350350                                       
     
    10801080                                     * Avance ou recule de 5% la video en cours de lecture
    10811081                                     * Il faut également modifier la valeur de la barre
    1082                                      */ 
     1082                                     */
    10831083                                        if(media_hover){
    10841084                                        if(media_hover[0].isFullScreen||($('input:focus,textarea:focus,select:focus').size() == 0)){
  • plugins_spip/html5/trunk/modeles/video.html

    r7142 r7143  
    8888        [(#SET{logo,[(#ENV{logo,#LOGO_DOCUMENT|extraire_attribut{src}}|url_absolue)]})]
    8989]
     90[(#SET{id_document_voir, [(#ID_DOCUMENT)_][(#VAL{0}|rand{100000})]})]
    9091
    91 [(#SET{id_document_voir, [(#ID_DOCUMENT)_][(#VAL{0}|rand{100000})]})]
    9292#SET{titre,#TITRE}
    9393[(#SET{descriptif,[(#DESCRIPTIF|PtoBR)]})]
     
    148148                                flowurl:'[(#CHEMIN{flash/flowplayer.swf}|url_absolue)]',
    149149                                flasherror:erreur_flash,[
    150                                 (#ENV{largeur}|oui)[minwidth : '(#ENV{min_width}|match{%}|?{null,#ENV{min_width}})',]
     150                                (#ENV{min_width}|oui)[minwidth : '(#ENV{min_width}|match{%}|?{null,#ENV{min_width}})',]
    151151                                ][movieSize:'(#ENV{moviesize})',][(#ENV{cookie_volume,#CONFIG{mediaspip_player/cookie_volume,non}}|=={oui}|oui),
    152152                                cookie_volume:true,][
     
    156156                                (#ENV{muted}|=={oui}|oui)muted : true,][
    157157                                (#ENV{muted_bloque}|=={oui}|oui)muted_bloque : true,][
    158                                 (#ENV{boutons_caches}|oui)boutons_caches : [(#ENV{boutons_caches}|explode{','}|json_encode)],][(#GET{largeur}|oui)
    159                                 width:'[(#GET{largeur}|match{%}|?{#GET{largeur},#GET{largeur}|match{px}|?{#GET{largeur,#GET{largeur}px}}})]',
     158                                (#ENV{boutons_caches}|oui)boutons_caches : [(#ENV{boutons_caches}|explode{','}|json_encode)],][(#GET{largeur}|oui)[
     159                                width:'(#GET{largeur}|match{%}|?{[(#GET{largeur})],[(#GET{largeur}|match{px}|?{[(#GET{largeur}|replace{px,''})],[(#GET{largeur})]})]})',]
    160160                                ]volume_slider_orientation:'#ENV{volume_slider_orientation,#CONFIG{mediaspip_player/slider_volume_orientation,horizontal}}'
    161161                        });
Note: See TracChangeset for help on using the changeset viewer.