Ignore:
Timestamp:
11/15/12 22:08:20 (7 years ago)
Author:
kent1
Message:

On simplifie les modèles, moins de divs enchevêtrées...

Les sons doivent fonctionner correctement (pour b_b)

De toute manière b_b va tester et retourner les nouveaux bugs

Location:
plugins_spip/html5/trunk
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • plugins_spip/html5/trunk/formulaires/configurer_mediaspip_player.html

    r6691 r7148  
    66                #ACTION_FORMULAIRE{#ENV{action}}
    77                <ul>
     8                        <li class="editer editer_hauteur_defaut_son [ (#ENV**{erreurs}|table_valeur{hauteur_defaut_son}|oui)erreur]">
     9                                <label><:mediaspip_player:label_hauteur_defaut_son:></label>[
     10                                <span class='erreur_message'>(#ENV**{erreurs}|table_valeur{hauteur_defaut_son})</span>]
     11                                <p class="explication"><:mediaspip_player:explication_hauteur_defaut_son:></p>
     12                                <input type="text" name="hauteur_defaut_son" class="text" id="hauteur_defaut_son" value="#ENV{hauteur_defaut_son}" size="3" maxlength="3" />
     13                        </li>
    814                <li class="editer editer_cookie_volume [ (#ENV**{erreurs}|table_valeur{cookie_volume}|oui)erreur]">
    915                                <label><:mediaspip_player:label_cookie_volume:></label>[
  • plugins_spip/html5/trunk/javascript/mediaspip_fallback_flash.js

    r7145 r7148  
    44 * HTML5 to fallback flash
    55 *
    6  * $version : 1.2.1
     6 * $version : 1.2.3
    77 * © GNU/GPL v3 - kent1 (http://kent1.info - kent1@arscenic.info)
    88 * cf : http://www.mediaspip.net/technical-documentation/plugins-used-by-mediaspip/html5-player-video-sound-media/
     
    3838                        media = $(this),
    3939                        liens = [];
    40                          
    41                         if(media.find('audio').size() >0)
     40                       
     41                        if(media.is('audio') > 0)
    4242                                var isSound = true, isVideo = false;
    4343                        else
     
    4646                        options = $.extend(defaults, options);
    4747                        liens = sm2_chercher_liens(options.sources,liens);
    48                         media[0].options = options;
     48                       
    4949                        if(liens.length>0){
     50                                var width = options.width,
     51                                        height = options.height;
    5052                               
    51                                 var styles = ' style="',
    52                                         style = false;
    53                                 if(options.width) {
    54                                         style=true;
    55                                         styles += 'width:'+  options.width +(options.width.match('%') ? ';' : 'px;');
     53                                if(!width){
     54                                        if(media.attr('width'))
     55                                                width = media.attr('width');
     56                                        else if(media.width() > 0)
     57                                                width = media.width();
    5658                                }
    57                                 if(!options.width && media.attr('width')){
    58                                         styles += 'width:'+media.attr('width')+'px;';
    59                                         style=true;
    60                                 }
    61                                 if(options.height){
    62                                         styles += 'height:'+options.height+'px;';
    63                                         style=true;
    64                                 }
    65                                 if(!options.height && media.attr('height')){
    66                                         style=true;
    67                                         styles += 'height:'+media.attr('height')+'px;';
     59                                if(!height){
     60                                        if(media.attr('height'))
     61                                                height=media.attr('height');
     62                                        else if(media.height() > 0)
     63                                                height = media.height();
    6864                                }
    6965                               
    70                                 styles += '"';
    71                                 var lecteur = '<div class="media_wrapper loading"'+(style ? styles : '') +'>';
     66                                if(options.poster && $(this).prev().is('img'))
     67                                        $(this).prev().detach();
     68                               
     69                                media.wrap('<div class="media_wrapper loading" />');
     70                                var wrapper = media.parents('.media_wrapper');
     71
     72                                var lecteur = '';
    7273                                        /**
    7374                                         * Le bloc html pour afficher les messages
    7475                                         */
    7576                                        lecteur += (options.messages) ? '<div class="messages" style="display:none"></div>' : '';
    76                                         lecteur +=(options.poster) ? '<div class="html5_cover"><img src="'+options.poster+'" /></div>' : '';
     77                                        lecteur += (options.poster) ? '<div class="html5_cover"><img src="'+options.poster+'" /></div>' : '';
    7778                                        lecteur +='<div class="flowplayer"></div>';
    7879                                        lecteur +='<div class="controls small">'
     
    99100                                        lecteur += (slider && $.inArray('volume',options.boutons_caches) == '-1') ? '<span class="volume_slider_container '+options.volume_slider_orientation+'"><span class="volume_slider"></span></span>' : '';
    100101                                        lecteur += ($.inArray('loop',options.boutons_caches) == '-1') ? '<span class="loop_button" title="'+ms_player_lang.bouton_loop+'"></span>' : '';
    101                                         lecteur +='</div>'
    102                                         + '</div>';
    103 
    104                                 media.html(lecteur);
     102                                        lecteur +='</div>';
     103
     104                                wrapper.height(height).width(width).html(lecteur);
    105105                               
    106                             var controls = media.find('.controls'),
    107                                 wrapper = media.find('.media_wrapper');
     106                            var controls = wrapper.find('.controls');
     107                           
     108                            /**
     109                             * Si le wrapper est vraiment petit, pas de messages
     110                             */
     111                            if(wrapper.height() < 100) options.messages = false;
    108112                           
    109113                            wrapper[0].options = options;
     
    122126                                    autoPlay:options.autoplay,
    123127                                    scaling:'fit',
    124                                     autoBuffering:options.autoload,
     128                                    autoBuffering: (isSound ? (options.autoplay ? true : false) : options.autoload),
    125129                                    bufferLength:5,
    126130                                onBeforeLoad:function(){},
     
    134138                                                                        clip.looped = false;
    135139                                                                        $(this).attr('title',ms_player_lang.bouton_loop);
    136                                                                         media.ms_messages('loop',ms_player_lang.statut_unloop,options);
     140                                                                        wrapper.ms_messages('loop',ms_player_lang.statut_unloop,options);
    137141                                                                        wrapper.removeClass('loop');
    138142                                                                }else{
    139143                                                                        clip.looped = true;
    140144                                                                        $(this).attr('title',ms_player_lang.bouton_loop_looped);
    141                                                                         media.ms_messages('loop',ms_player_lang.statut_loop,options);
     145                                                                        wrapper.ms_messages('loop',ms_player_lang.statut_loop,options);
    142146                                                                        wrapper.addClass('loop');
    143147                                                                }
     
    146150                                        if(typeof(clip.duration) != 'undefined'){
    147151                                                var duration = ms_second_to_time(clip.duration);
    148                                                 if(wrapper.find(".remaining_time").is('.remaining')){
     152                                                if(wrapper.find(".remaining_time").is('.remaining'))
    149153                                                        wrapper.find(".remaining_time").html('-'+duration);
    150                                                                 }else{
     154                                                                else
    151155                                                                        wrapper.find(".remaining_time").html(duration);
    152                                                                 }
    153                                                                 media.find(".elapsed_time").html(ms_second_to_time(0));
    154                                         }
     156                                                                wrapper.find(".elapsed_time").html(ms_second_to_time(0));
     157                                        }else
     158                                                wrapper.flow_progress_resize();
    155159                                        wrapper.flow_play_pause('play',options);
    156160                                },
    157                                 onCuepoint:function(content) {
    158                                 },
     161                                onCuepoint:function(content) {},
    159162                                onMetaData:function(clip) {
    160                                         if(isVideo){
     163                                        if(isVideo){                                           
    161164                                                var ratio_video = clip.metaData.width/clip.metaData.height;
    162                                                         media.ratio = ratio_video;
    163                                                 if(options.movieSize == 'adapt' && !media.hasClass('noresize') && (options.movieSize != 'noresize')){
     165                                                        wrapper[0].ratio = ratio_video;
     166                                                if(options.movieSize == 'adapt' && !wrapper.hasClass('noresize') && (options.movieSize != 'noresize')){
    164167                                                                /**
    165168                                                                 * En mode adapt :
     
    168171                                                                 * par rapport à la largeur du bloc parent
    169172                                                                 */
    170                                                                 width_container = wrapper.parent().parent().width();
     173                                                                width_container = wrapper.parent().width();
    171174                                                                var ratio = (width_container/clip.metaData.width),
    172175                                                                        height_final = (clip.metaData.height*ratio).toFixed();
    173                                                                 wrapper.add(media).animate({height:height_final+'px',width:'100%'},500,function(){
    174                                                                         media.progress_resize();
     176                                                                wrapper.add(wrapper).animate({height:height_final+'px',width:'100%'},500,function(){
     177                                                                        wrapper.flow_progress_resize();
    175178                                                                });
    176                                                         }else if(!media.hasClass('noresize') || options.movieSize != 'noresize'){
     179                                                        }else if(!wrapper.hasClass('noresize') || options.movieSize != 'noresize'){
    177180                                                                /**
    178181                                                                 * En mode normal, on redimentionne la hauteur de la vidéo en fonction
    179182                                                                 * du ratio réel récupéré des métadonnées
    180183                                                                 */
    181                                                                 var media_height = wrapper.width()/media.ratio;
    182                                                                 wrapper.css({'height':media_height+'px'});
     184                                                                wrapper.css({'height':(wrapper.width()/wrapper[0].ratio)+'px'});
    183185                                                        }
    184186                                        }
     
    189191                                                                else
    190192                                                                        wrapper.find(".remaining_time").html(duration);
    191                                                                 media.find(".elapsed_time").html(ms_second_to_time(0));
     193                                                                wrapper.find(".elapsed_time").html(ms_second_to_time(0));
    192194                                                                this.former_duration = clip.duration;
    193                                                                 media.progress_resize();
     195                                                                wrapper.flow_progress_resize();
    194196                                        }
     197                                        if(this.forceplayformetadata){
     198                                                this.forceplayformetadata = false;
     199                                                if(this.forcemuteformetadata){
     200                                                        this.forcemuteformetadata = false;
     201                                                        this.unmute();
     202                                                }
     203                                                this.stop();
     204                                        }
    195205                                    },
    196206                                    onLastSecond:function(){},
     
    214224                                                                        wrapper.find(".remaining_time").html(duration);
    215225                                                wrapper.find(".elapsed_time").html(ms_second_to_time(this.getStatus().time || 0));
    216                                                                 media.progress_resize();
     226                                                                wrapper.flow_progress_resize();
    217227                                        }
    218228                                        wrapper.flow_play_pause('play',options);
     
    225235                                },
    226236                                onSeek:function(clip,time){
    227                                         console.log('seeked?');
    228237                                        var time_affiche = ms_second_to_time(time);
    229                                                         wrapper.removeClass('seeking');
    230                                                         media.ms_messages('seek_to',ms_player_lang.statut_seek_to+' '+time_affiche,options);
     238                                                        wrapper.removeClass('seeking').ms_messages('seek_to',ms_player_lang.statut_seek_to+' '+time_affiche,options);
    231239                                        if(clip.status == 'paused')
    232240                                                                wrapper.find('.play_pause_button').removeClass('pause').attr('title',ms_player_lang.bouton_pause);
     
    255263                            };
    256264
    257                             media.find('.flowplayer').flowplayer({
     265                            wrapper.find('.flowplayer').flowplayer({
    258266                                cachebusting: $.browser.msie,
    259267                                src:options.flowurl,
     
    263271                                onFail: function() {
    264272                                        wrapper.removeClass('loading').addClass('error').css('background-color','inherit').find('.controls').detach();
    265                                         wrapper.find('.html5_cover').css('background-color','#ffffff');
    266                                         wrapper.find('.html5_cover img').fadeTo('slow', 0.4);
     273                                        wrapper.find('.html5_cover').css('background-color','#ffffff').find('.img').fadeTo('slow', 0.4);
    267274                                        wrapper.find('.flowplayer').css('position','relative').html(options.flasherror);
    268275                                }
     
    270277                           
    271278                            var timer = null, bufferfull = null;
     279
    272280                            wrapper.find('.flowplayer').flowplayer().each(function() {
    273281                                var duration = false;
     
    285293                                                                else player.play();
    286294                                                        });
     295                                                        wrapper.flow_progress_resize();
     296                                                        if(!wrapper[0].options.autoplay){
     297                                                                /**
     298                                                                 * Play / pause pour récupérer les metadonnées
     299                                                                 */
     300                                                                this.forceplayformetadata = true;
     301                                                                var status = player.getStatus();
     302                                                                if(!status.muted){
     303                                                                        this.forcemuteformetadata = true;
     304                                                                        player.mute();
     305                                                                }
     306                                                                this.play();
     307                                                        }
    287308                                                }
    288309                                                if($.inArray('volume',options.boutons_caches) == '-1' && !options.muted_bloque){
     
    295316                                                                        controls.find('.volume_button').removeClass('muted').attr('title',volume_title);
    296317                                                                        player.unmute();
    297                                                                         media.ms_messages('mute',ms_player_lang.statut_unmute,options);
     318                                                                        wrapper.ms_messages('mute',ms_player_lang.statut_unmute,options);
    298319                                                                }else{
    299320                                                                        if(cookies && options.cookie_volume) $.cookie('ms_volume_muted','muted');
     
    301322                                                                        controls.find('.volume_button').addClass('muted').attr('title',ms_player_lang.bouton_volume_muted);
    302323                                                                        player.mute();
    303                                                                         media.ms_messages('mute',ms_player_lang.statut_mute,options);
     324                                                                        wrapper.ms_messages('mute',ms_player_lang.statut_mute,options);
    304325                                                                }
    305326                                                        });
     
    308329                               
    309330                                this.onStart(function(clip) {
    310                                         var player = this,
    311                                                 status_start = player.getStatus();
     331                                        var player = this, status_start = player.getStatus();
    312332                                        if(slider){
    313333                                                        controls.find('.progress_indicator').hide();
     
    324344                                                                                 * On change le volume
    325345                                                                                 */
    326                                                                                 var volume_new = ui.value;
    327                                                                                 if((volume_new <= 100) && (volume_new >= 0)){
    328                                                                                         player.setVolume(volume_new);
    329                                                                                         wrapper.flow_change_volume(volume_new,player.slider_volume,false,options);
    330                                                                                         if(cookies && options.cookie_volume) $.cookie('ms_volume', volume_new/100);
     346                                                                                if((ui.value <= 100) && (ui.value >= 0)){
     347                                                                                        player.setVolume(ui.value);
     348                                                                                        wrapper.flow_change_volume(ui.value,player.slider_volume,false,options);
     349                                                                                        if(cookies && options.cookie_volume) $.cookie('ms_volume', ui.value/100);
    331350                                                                                }
    332351                                                                        },
     
    335354                                                                                 * On change le volume et on le sauvegarde dans le cookie si nécessaire
    336355                                                                                 */
    337                                                                                 var volume_new = ui.value;
    338                                                                                 if((volume_new <= 100) && (volume_new >= 0)){
    339                                                                                         player.setVolume(volume_new);
    340                                                                                         wrapper.flow_change_volume(volume_new,player.slider_volume,false,options);
    341                                                                                         if(cookies && options.cookie_volume) $.cookie('ms_volume', volume_new/100);
     356                                                                                if((ui.value <= 100) && (ui.value >= 0)){
     357                                                                                        player.setVolume(ui.value);
     358                                                                                        wrapper.flow_change_volume(ui.value,player.slider_volume,false,options);
     359                                                                                        if(cookies && options.cookie_volume) $.cookie('ms_volume', ui.value/100);
    342360                                                                                }
    343361                                                                               
     
    347365                                        }
    348366                                               
    349                                                 media.progress_resize();
     367                                                wrapper.flow_progress_resize();
    350368                                       
    351                                                 media.dblclick(function(e){
     369                                                wrapper.dblclick(function(e){
    352370                                                        return false;
    353371                                                });
     
    361379                                                if(typeof(clip.duration) == 'undefined') return;
    362380                                               
    363                                                 var status = player.getStatus();
    364                                                 if (typeof(status.time) == 'undefined') {
     381                                                var statustime = player.getStatus().time;
     382                                                if (typeof(statustime) == 'undefined') {
    365383                                                        clearInterval(timer);
    366384                                                        return;
    367385                                                }
    368386                                               
    369                                                 statustime = status.time;
    370387                                                if((typeof(statustime) != 'undefined')){
    371388                                                        var duree = player.former_duration;
     
    397414                                                                                        if(wrapper.find(".remaining_time").is('.remaining'))
    398415                                                                                                wrapper.find(".remaining_time").html('-'+ms_second_to_time(player.former_duration-ui.value));
    399                                                                                         media.progress_resize();
     416                                                                                        wrapper.flow_progress_resize();
    400417                                                                                },
    401418                                                                                stop: function(event,ui){
     
    409426                                                                                        player.seek(temps);
    410427                                                                                        if(replay) player.resume();
    411                                                                                         media.progress_resize();
     428                                                                                        wrapper.flow_progress_resize();
    412429                                                                                }
    413430                                                                        });
     
    415432                                                        }
    416433                                                        if(wrapper.find(".remaining_time").html() == '-00:00')
    417                                                                         media.progress_resize();
     434                                                                        wrapper.flow_progress_resize();
    418435                                                        if (!player.isPaused()) {
    419                                                                 var timer2 = status.time / player.former_duration * 100,
     436                                                                var timer2 = statustime / player.former_duration * 100,
    420437                                                                                position = Math.round(timer2);
    421438                                                                        wrapper.find('.progress_elapsed_time,.progress_back > .ui-slider-range').css('width',position+'%');
    422439                                                                        wrapper.find('.progress_indicator,.progress_back > .ui-slider-handle').css('left',position+'%');
    423                                                                         wrapper.find(".elapsed_time").html(ms_second_to_time(status.time));
    424                                                                         if(media.find(".remaining_time").is('.remaining'))
    425                                                                                 wrapper.find(".remaining_time").html('-'+ms_second_to_time(player.former_duration-status.time));
    426                                                                         media.progress_resize();
     440                                                                        wrapper.find(".elapsed_time").html(ms_second_to_time(statustime));
     441                                                                        if(wrapper.find(".remaining_time").is('.remaining'))
     442                                                                                wrapper.find(".remaining_time").html('-'+ms_second_to_time(player.former_duration-statustime));
     443                                                                        wrapper.flow_progress_resize();
    427444                                                        }
    428445                                                        if(!bufferfull){
    429                                                                 var buffer = ms_anything_to_percent(status.bufferEnd,player.former_duration);
     446                                                                var buffer = ms_anything_to_percent(player.getStatus().bufferEnd,player.former_duration);
    430447                                                                if(buffer > 100) buffer = 100;
    431448                                                                if(buffer == 100) bufferfull = true;
     
    447464                                                                        .attr('title',ms_player_lang.info_restant)
    448465                                                                        .html('-'+ms_second_to_time(Math.floor(player.former_duration) - statustime));
    449                                                         media.progress_resize();
     466                                                        wrapper.flow_progress_resize();
    450467                                        });
    451468                                });
     
    473490                                                        var volume_new = this.getVolume() + ((delta > 0) ? 10 : -10);
    474491                                                        if(volume_new < 0) volume_new = 0;
    475                                                         if(volume_new > 100) volume_new = 100;
     492                                                        else if(volume_new > 100) volume_new = 100;
    476493                                                        this.setVolume(volume_new);
    477494                                                        wrapper.flow_change_volume(volume_new,this.slider_volume,false,options);
     
    523540                        }
    524541                },
    525                 progress_resize : function(){
     542                flow_progress_resize : function(){
    526543                        /**
    527544                         * Attention la série de isNaN est pour IE qui plante à ces endroits
     
    539556                    });
    540557                    $(this).find('.buttons_right').width(buttons_right_width);
    541                         var width_container = $(this).find('.media_wrapper').width(),
    542                                 play_width = parseFloat($(this).find('.buttons_left').outerWidth())+2;
     558                        var width_container = $(this).width(),
     559                                play_width = parseFloat($(this).find('.buttons_left').outerWidth());
    543560                        if(!isNaN(parseFloat($(this).find('.buttons_left').css('margin-left'))))
    544561                                play_width += parseFloat($(this).find('.buttons_left').css('margin-left'));
     
    546563                                play_width += parseFloat($(this).find('.buttons_left').css('margin-right'));
    547564                       
    548                         var sound_width = parseFloat($(this).find('.buttons_right').outerWidth())+2;
     565                        var sound_width = parseFloat($(this).find('.buttons_right').outerWidth());
    549566                        if(!isNaN(parseFloat($(this).find('.buttons_right').css('margin-left'))))
    550567                                sound_width += parseFloat($(this).find('.buttons_right').css('margin-left'));
     
    568585                        $(this).find('.progress_bar').width(progresswidth);
    569586
    570                         var remaining_width = parseFloat($(this).find(".remaining_time").outerWidth())+2;
     587                        var remaining_width = parseFloat($(this).find(".remaining_time").outerWidth());
    571588                        if(!isNaN(parseFloat($(this).find(".remaining_time").css('margin-left'))))
    572589                                remaining_width += parseFloat($(this).find(".remaining_time").css('margin-left'));
     
    574591                                remaining_width += parseFloat($(this).find(".remaining_time").css('margin-right'));
    575592                       
    576                         var elapsed_width = parseFloat($(this).find(".elapsed_time").outerWidth())+2;
     593                        var elapsed_width = parseFloat($(this).find(".elapsed_time").outerWidth());
    577594                        if(!isNaN(parseFloat($(this).find(".elapsed_time").css('margin-left'))))
    578595                                elapsed_width += parseFloat($(this).find(".elapsed_time").css('margin-left'));
  • plugins_spip/html5/trunk/javascript/mediaspip_player.js

    r7144 r7148  
    66 * avec fallback vers version flash pour flv/mp4/mp3/aac
    77 *
    8  * $version : 1.2.2
     8 * $version : 1.2.3
    99 * © GNU/GPL v3 - kent1 (http://kent1.info - kent1@arscenic.info)
    1010 * cf : http://www.mediaspip.net/technical-documentation/plugins-used-by-mediaspip/html5-player-video-sound-media/
     
    170170                                if(!playable && (typeof($.fn.ms_test_fallback) == 'function')){
    171171                                        media.ms_test_fallback(options);
     172                                       
    172173                                }else{
    173174                                        id.mediacanplay = id.isFullScreen = false;
     
    175176                                                style = true,
    176177                                                control = null,
    177                                                 bloc_messages = '';
    178                                         if(options.width) styles += 'width:'+options.width+ (options.width.match('%') ? ';' : 'px;');
    179                                         if(!options.width && media.attr('width'))
    180                                                 styles += 'width:'+media.attr('width')+'px;';
    181                                         if(options.height) styles += 'height:'+options.height+'px;';
    182                                         if(!options.height && media.attr('height'))
    183                                                 styles += 'height:'+media.attr('height')+'px;';
    184                                         styles += '"';
    185                                        
    186                                         media.parent().wrapInner('<div class="media_wrapper loading '+class_wrapper+'"'+(style ? styles : '') +'></div>');
     178                                                bloc_messages = '',
     179                                                height = options.height,
     180                                                width = options.width;
     181                                       
     182                                        if(!width){
     183                                                if(media.attr('width'))
     184                                                        width = media.attr('width');
     185                                                else if(media.width() > 0)
     186                                                        width = media.width();
     187                                        }
     188                                       
     189                                        if(!height){
     190                                                if(media.attr('height'))
     191                                                        height = media.attr('height');
     192                                                else if(media.height() > 0)
     193                                                        height = media.height();
     194                                        }
     195       
     196                                        media.parent().wrapInner('<div class="media_wrapper loading '+class_wrapper+'"></div>');
     197                                        media.parents('.media_wrapper').height(height).width(width);
    187198                                        wrapper = media.parent();
    188199                                       
     
    943954                 */
    944955                ms_test_fallback : function(options){
     956                        var me = $(this);
    945957                        if(typeof($.fn.ms_fallback_flash) == 'function'){
    946958                                if(jQuery.browser.msie)
     
    962974                                                }
    963975                                                var options_flash = $.extend(options,defaults_flash);
    964                                                 $(this).parents('div').eq(0).ms_fallback_flash(options_flash);
     976                                                me.ms_fallback_flash(options_flash);
    965977                                                /**
    966978                                                 * On s'arrête au premier élément qui nous convient
  • plugins_spip/html5/trunk/modeles/audio.html

    r7146 r7148  
    4040]
    4141
    42 [(#SET{logo,[(#ENV{logo,#LOGO_DOCUMENT|extraire_attribut{src}}|image_passe_partout{#GET{largeur},#GET{hauteur}}|image_recadre{#GET{largeur},#GET{hauteur}}|inserer_attribut{class,''}|inserer_attribut{alt,<:mediaspip_player:alt_cover_fichier|attribut_html:>})]})]
     42[(#SET{logo,[(#ENV{logo,#LOGO_DOCUMENT{vignette}|extraire_attribut{src}}|image_passe_partout{#GET{largeur},#GET{hauteur}}|image_recadre{#GET{largeur},#GET{hauteur}}|inserer_attribut{class,''}|inserer_attribut{alt,<:mediaspip_player:alt_cover_fichier|attribut_html:>})]})]
    4343
    4444[(#GET{hauteur}|=={0}|oui)
    4545        #SET{hauteur,#GET{logo}|extraire_attribut{height}}
    4646        [(#GET{hauteur}|=={0}|oui)
    47                 #SET{hauteur,35}
     47                #SET{hauteur,#CONFIG{mediaspip_player/hauteur_defaut_son,25}
    4848        ]
    4949]
    5050[(#GET{hauteur}|non)
    51         #SET{hauteur,35}
     51        #SET{hauteur,#CONFIG{mediaspip_player/hauteur_defaut_son,25}
    5252]
    5353[(#GET{largeur}|=={0}|oui)
    54         #SET{largeur,#GET{logo}|extraire_attribut{largeur}}
     54        #SET{largeur,#GET{logo}|extraire_attribut{largeur},100}
    5555]
    5656
    5757[(#SET{id_document_voir, [(#ID_DOCUMENT)_][(#VAL{0}|rand{100000})]})]
    5858
    59 <div class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})] audio'
    60         style='[(#ENV{align}|match{^(left|right)$}|?{' '})float:#ENV{align};]'>
    61         <div class="media audio" style="[width:(#GET{largeur})px;][height:(#GET{hauteur})px]">
    62                 <div>
    63                 #GET{logo}
    64                 <audio id="audio_[(#GET{id_document_voir})]"[
    65                         (#ENV{controls,true}|in_array{#ARRAY{0,false,1,non}}|non)controls="controls"][
    66                         (#ENV{autoplay,non}|in_array{#ARRAY{0,false,1,non}}|non)autoplay="autoplay"][(#ENV{autobuffer,#ENV{preload,metadata}}|in_array{#ARRAY{0,false,1,non}}|non)[
    67                         (#ENV{autobuffer,#ENV{preload,metadata}}|in_array{#ARRAY{0,auto,1,metadata}}|?{[preload="(#ENV{autobuffer,#ENV{preload,metadata}})"],preload="metadata"})]][(#ENV{loop,non}|in_array{#ARRAY{0,false,1,non}}|non)
    68                         loop="loop"][
    69                         poster="(#GET{logo}|extraire_attribut{src}|url_absolue)"
    70                         ] style="[width:(#GET{largeur}|match{%}|?{#GET{largeur},[(#GET{largeur})px]});][height:(#GET{hauteur})px]">
    71                                 #SET{variantes,#ARRAY}
    72                                 <BOUCLE_variantes(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{statut==.*}>#SET{variantes,#GET{variantes}|push{#EXTENSION}}</BOUCLE_variantes>
    73                                 <BOUCLE_ssdoc_mp3(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{statut==.*}{extension IN mp3}{tout}>
    74                                 <source type="#MIME_TYPE" src="[(#FICHIER|timestamp|url_absolue)]" />
    75                                 </BOUCLE_ssdoc_mp3>
    76                                 <BOUCLE_ssdoc(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{statut==.*}{extension IN ogg}{tout}>
    77                                 <source type="#MIME_TYPE" src="[(#FICHIER|timestamp|url_absolue)]" />
    78                                 </BOUCLE_ssdoc>
    79                                 [(#EXTENSION|in_array{#ARRAY{0,ogg,1,mp3}}|et{#EXTENSION|in_array{#GET{variantes}}|non}|oui)
    80                                 <source type="#MIME_TYPE" src="[(#FICHIER|timestamp|url_absolue)]" />]
    81                                 [(#EXTENSION|in_array{[(#ARRAY|push{ogg}|push{mp3}|push{flac})]}|non)
    82                                 <object width='#GET{largeur}' height='#GET{hauteur}' type="#MIME_TYPE">
    83                                         <param name='movie' value='[(#FICHIER|timestamp|url_absolue)]' />
    84                                         <param name='src' value='[(#FICHIER|timestamp|url_absolue)]' />
    85                                         [(#ENV*|env_to_params)]
    86                                         <embed src='[(#FICHIER|timestamp|url_absolue)]' [(#ENV*|env_to_attributs)] width='#GET{largeur}' height='#GET{hauteur}'></embed>
    87                                 </object>]
    88                 </audio>
    89                 </div>
    90         </div>
     59<div class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})] media audio'[
     60        style='[(#ENV{align}|match{^(left|right)$}|?{' '})float:#ENV{align};] (#ENV{align,center}|=={center}|?{'',' '})']
     61        id='media_#GET{id_document_voir}'>
     62        #GET{logo}
     63        <audio id="audio_[(#GET{id_document_voir})]"[
     64                (#ENV{controls,true}|in_array{#ARRAY{0,false,1,non}}|non)controls="controls"][
     65                (#ENV{autoplay,non}|in_array{#ARRAY{0,false,1,non}}|non)autoplay="autoplay"][(#ENV{autobuffer,#ENV{preload,metadata}}|in_array{#ARRAY{0,false,1,non}}|non)[
     66                (#ENV{autobuffer,#ENV{preload,metadata}}|in_array{#ARRAY{0,auto,1,metadata}}|?{[preload="(#ENV{autobuffer,#ENV{preload,metadata}})"],preload="metadata"})]][(#ENV{loop,non}|in_array{#ARRAY{0,false,1,non}}|non)
     67                loop="loop"][
     68                poster="(#GET{logo}|extraire_attribut{src}|url_absolue)"
     69                ] style="[width:(#GET{largeur}|match{%}|?{#GET{largeur},[(#GET{largeur})px]});][height:(#GET{hauteur})px]">
     70                        #SET{variantes,#ARRAY}
     71                        <BOUCLE_variantes(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{statut==.*}>#SET{variantes,#GET{variantes}|push{#EXTENSION}}</BOUCLE_variantes>
     72                        <BOUCLE_ssdoc_mp3(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{statut==.*}{extension IN mp3}{tout}>
     73                        <source type="#MIME_TYPE" src="[(#FICHIER|timestamp|url_absolue)]" />
     74                        </BOUCLE_ssdoc_mp3>
     75                        <BOUCLE_ssdoc(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{statut==.*}{extension IN ogg}{tout}>
     76                        <source type="#MIME_TYPE" src="[(#FICHIER|timestamp|url_absolue)]" />
     77                        </BOUCLE_ssdoc>
     78                        [(#EXTENSION|in_array{#ARRAY{0,ogg,1,oga,2,weba,3,mp3,4,webm}}|et{#EXTENSION|in_array{#GET{variantes}}|non}|oui)
     79                        <source type="#MIME_TYPE" src="[(#FICHIER|timestamp|url_absolue)]" />]
     80                        [(#EXTENSION|in_array{[(#ARRAY|push{oga}|push{ogg}|push{mp3}|push{flac})]}|non)
     81                        <object width='#GET{largeur}' height='#GET{hauteur}' type="#MIME_TYPE">
     82                                <param name='movie' value='[(#FICHIER|timestamp|url_absolue)]' />
     83                                <param name='src' value='[(#FICHIER|timestamp|url_absolue)]' />
     84                                [(#ENV*|env_to_params)]
     85                                <embed src='[(#FICHIER|timestamp|url_absolue)]' [(#ENV*|env_to_attributs)] width='#GET{largeur}' height='#GET{hauteur}'></embed>
     86                        </object>]
     87        </audio>
    9188        [(#ENV{infos}|=={non}|non)
    9289                [<div class='#EDIT{titre} spip_doc_titre'><strong>(#TITRE)</strong></div>]
     
    10097                                flowurl:'[(#CHEMIN{flash/flowplayer.swf}|url_absolue)]',
    10198                                flasherror:erreur_flash,
    102                                 [(#ENV{largeur}|oui)minwidth : #ENV{largeur},]
    103                                 movieSize:'adapt',[(#ENV{cookie_volume,#CONFIG{mediaspip_player/cookie_volume,non}}|=={oui}|oui)
     99                                [(#ENV{largeur}|oui)minwidth : #ENV{largeur},][(#ENV{cookie_volume,#CONFIG{mediaspip_player/cookie_volume,non}}|=={oui}|oui)
    104100                                cookie_volume:true,][
    105101                                (#ENV{autoplay,#ENV{autostart,non}}|in_array{#ARRAY{0,false,1,non}}|non)autoplay:true,][
     
    115111                }
    116112        }
    117         $(document).ready(function(){
     113        jQuery(document).ready(function(){
    118114                ms_player_init_[(#GET{id_document_voir})]();
    119115                onAjaxLoad(function(){setTimeout(function(){ms_player_init_[(#GET{id_document_voir})]();},500)});
  • plugins_spip/html5/trunk/modeles/video.html

    r7146 r7148  
    105105<//B_tous>
    106106<BOUCLE_si_id(CONDITION){si #GET{id_document_voir}|oui}>
    107 <div class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})] video'[
     107<div class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})] media video'[
    108108        style='[(#ENV{align}|match{^(left|right)$}|?{' '})float:#ENV{align};] (#ENV{align,center}|=={center}|?{'',' '})']
    109109        id='media_#GET{id_document_voir}'>
    110         <div class="media video">
    111                 <div>
    112                         <video id="video_#GET{id_document_voir}"[
    113                                 (#ENV{controls,true}|in_array{#ARRAY{0,false,1,non}}|non)controls="controls"][
    114                                 (#ENV{autoplay,#ENV{autostart,non}}|in_array{#ARRAY{0,false,1,non}}|non)autoplay="autoplay"][(#ENV{autobuffer,#ENV{preload,metadata}}|in_array{#ARRAY{0,false,1,non}}|non)[
    115                                 (#ENV{autobuffer,#ENV{preload,metadata}}|in_array{#ARRAY{0,auto,1,metadata}}|?{[preload="(#ENV{autobuffer,#ENV{preload,metadata}})"],preload="metadata"})]][(#ENV{loop,non}|in_array{#ARRAY{0,false,1,non}}|non)
    116                                 loop="loop"][(#ENV{noresize}?{' class="noresize" ',''})][
    117                                 width="(#GET{largeur}|match{%}|?{'',#GET{largeur}})"][
    118                                 height="(#GET{hauteur})"][
    119                                 poster="(#GET{logo})"][
    120                                 style="width:(#GET{largeur}|match{%}|?{#GET{largeur}})"]
    121                                 >
    122                                 #SET{variantes,#ARRAY}
    123                                 <BOUCLE_variantes(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{statut==.*}>#SET{variantes,#GET{variantes}|push{#EXTENSION}}</BOUCLE_variantes>[
    124                                 (#EXTENSION|=={mp4}|et{#EXTENSION|in_array{#GET{variantes}}|non}|oui)
    125                                         <source[ type="(#EXTENSION|in_array{#ARRAY{0,mp4,1,m4v}}|?{'video/mp4',#MIME_TYPE}|trim)[;codecs=(#VIDEOCODECID)[,(#AUDIOCODECID)]]"] src="[(#FICHIER|timestamp|url_absolue)]" />
    126                                 ]<BOUCLE_ssdoc_mp4(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{extension IN m4v,mp4,mov}{par extension}{tout}>
    127                                         <source[ type="(#EXTENSION|in_array{#ARRAY{0,mp4,1,m4v}}|?{'video/mp4',#MIME_TYPE}|trim)[;codecs=(#VIDEOCODECID)[,(#AUDIOCODECID)]]"] src="[(#FICHIER|timestamp|url_absolue)]" />
    128                                 </BOUCLE_ssdoc_mp4>
    129                                 <BOUCLE_ssdoc(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{extension IN flv,ogv,ogg,webm}{par extension}{tout}>
    130                                         <source[ type="(#EXTENSION|in_array{#ARRAY{0,mp4,1,m4v}}|?{'video/mp4',#MIME_TYPE}|trim)[;codecs=(#VIDEOCODECID)[,(#AUDIOCODECID)]]"] src="[(#FICHIER|timestamp|url_absolue)]" />
    131                                 </BOUCLE_ssdoc>[(#ENV{fichier}|oui)
    132                                 <source type="#GET{type}" src="[(#ENV{fichier}|timestamp|url_absolue)]" />]
    133                                 <BOUCLE_doc_orig(DOCUMENTS){id_document}{tout}>
    134                                         <source[ type="(#EXTENSION|in_array{#ARRAY{0,mp4,1,m4v}}|?{'video/mp4',#MIME_TYPE}|trim)[;codecs=(#VIDEOCODECID)[,(#AUDIOCODECID)]]"] src="[(#FICHIER|timestamp|url_absolue)]" />
    135                                 </BOUCLE_doc_orig>
    136                         </video>
    137                 </div>
    138         </div>
     110        <video id="video_#GET{id_document_voir}"[
     111                (#ENV{controls,true}|in_array{#ARRAY{0,false,1,non}}|non)controls="controls"][
     112                (#ENV{autoplay,#ENV{autostart,non}}|in_array{#ARRAY{0,false,1,non}}|non)autoplay="autoplay"][(#ENV{autobuffer,#ENV{preload,metadata}}|in_array{#ARRAY{0,false,1,non}}|non)[
     113                (#ENV{autobuffer,#ENV{preload,metadata}}|in_array{#ARRAY{0,auto,1,metadata}}|?{[preload="(#ENV{autobuffer,#ENV{preload,metadata}})"],preload="metadata"})]][(#ENV{loop,non}|in_array{#ARRAY{0,false,1,non}}|non)
     114                loop="loop"][(#ENV{noresize}?{' class="noresize" ',''})][
     115                width="(#GET{largeur}|match{%}|?{'',#GET{largeur}})"][
     116                height="(#GET{hauteur})"][
     117                poster="(#GET{logo})"][
     118                style="width:(#GET{largeur}|match{%}|?{#GET{largeur}})"]
     119                >
     120                #SET{variantes,#ARRAY}
     121                <BOUCLE_variantes(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{statut==.*}>#SET{variantes,#GET{variantes}|push{#EXTENSION}}</BOUCLE_variantes>[
     122                (#EXTENSION|=={mp4}|et{#EXTENSION|in_array{#GET{variantes}}|non}|oui)
     123                        <source[ type="(#EXTENSION|in_array{#ARRAY{0,mp4,1,m4v}}|?{'video/mp4',#MIME_TYPE}|trim)[;codecs=(#VIDEOCODECID)[,(#AUDIOCODECID)]]"] src="[(#FICHIER|timestamp|url_absolue)]" />
     124                ]<BOUCLE_ssdoc_mp4(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{extension IN m4v,mp4,mov}{par extension}{tout}>
     125                        <source[ type="(#EXTENSION|in_array{#ARRAY{0,mp4,1,m4v}}|?{'video/mp4',#MIME_TYPE}|trim)[;codecs=(#VIDEOCODECID)[,(#AUDIOCODECID)]]"] src="[(#FICHIER|timestamp|url_absolue)]" />
     126                </BOUCLE_ssdoc_mp4>
     127                <BOUCLE_ssdoc(DOCUMENTS){mode=conversion}{objet=document}{id_objet=#ENV{id_document,#ENV{id}}}{extension IN flv,ogv,ogg,webm}{par extension}{tout}>
     128                        <source[ type="(#EXTENSION|in_array{#ARRAY{0,mp4,1,m4v}}|?{'video/mp4',#MIME_TYPE}|trim)[;codecs=(#VIDEOCODECID)[,(#AUDIOCODECID)]]"] src="[(#FICHIER|timestamp|url_absolue)]" />
     129                </BOUCLE_ssdoc>[(#ENV{fichier}|oui)
     130                <source type="#GET{type}" src="[(#ENV{fichier}|timestamp|url_absolue)]" />]
     131                <BOUCLE_doc_orig(DOCUMENTS){id_document}{tout}>
     132                        <source[ type="(#EXTENSION|in_array{#ARRAY{0,mp4,1,m4v}}|?{'video/mp4',#MIME_TYPE}|trim)[;codecs=(#VIDEOCODECID)[,(#AUDIOCODECID)]]"] src="[(#FICHIER|timestamp|url_absolue)]" />
     133                </BOUCLE_doc_orig>
     134        </video>
    139135        [(#ENV{infos}|=={non}|non)
    140136                [<div class='spip_doc_titre'><strong>(#GET{titre})</strong></div>]
     
    162158                }
    163159        }
    164         $(document).ready(function(){
     160        jQuery(document).ready(function(){
    165161                ms_player_init_#GET{id_document_voir}();
    166162                onAjaxLoad(function(){setTimeout(function(){ms_player_init_#GET{id_document_voir}();},500)});
  • plugins_spip/html5/trunk/paquet.xml

    r7073 r7148  
    22        prefix="mediaspip_player"
    33        categorie="multimedia"
    4         version="1.2.2"
     4        version="1.2.3"
    55        etat="stable"
    66        compatibilite="[3.0.0;3.0.99]"
Note: See TracChangeset for help on using the changeset viewer.