Bonjour,

Comment afficher les videos mp4 et audios mp3 uploader via le plugin Medias, J'essaie mais ça n'affiche qu'un lien vers les fichiers et moi je voudrai que le fichier voulu soit afficher dans des tags <video></video> mais aussi le plugin n'upload que des fichiers de moins de 2MB.

Merci.

3 réponses


Elearner1
Auteur
Réponse acceptée

Hello,

J'ai réussi à afficher les videos et ainsi que les fichiers audios

function createHtmlElement($this) {
            var item = $this.parents('.item');
            var type = $('.filetype', item).val();
            if(type === 'pic') {
                var html = '<img src="'+$('.file', item).val()+'"';
                if( $('.alt', item).val() != '' ){
                    html += ' alt="'+$('.alt', item).val()+'"';
                }
                if( $('.align:checked', item).val() != 'none' ){
                    html += ' class="align'+$('.align:checked', item).val()+'"';
                }
                html += ' />';
                if( $('.href', item).val() != '' ){
                    html = '<a href="'+$('.href', item).val()+'" title="'+$('.title', item).val()+'">'+html+'</a>';
                }
            } else if(type === 'mp4') {
                var html = '<video width="320" height="200" controls preload> <source src="'+$('.href', item).val()+'"/>';
            }else if(type === 'mp3') {
                var html = '<audio width="320" height="200" controls preload> <source src="'+$('.href', item).val()+'"/>';
            }else {
                html = '<a href="'+$('.href', item).val()+'" title="'+$('.title', item).val()+'">' + $('.title', item).val() + '</a>';
            }
            return html;
        }

Pour la limite de 2Mb c'est normal c'est imposé par ta configuration serveur.
Pour la balise vidéo, tu es capable de récupérer l'url du fichier alors tu peux créer la balise vidéo par toi-même :)

Merci beaucoup pour ta reponse Grafikart mais Je me demande où mettre les balises et ainsi y integrer la source du fichier?

J'ai essayé de modifier ce code dans app\Plugin\Media\View\Medias\index.ctp lequel Je pense affiche l'image ou le lien:

function createHtmlElement($this) {
            var item = $this.parents('.item');
            var type = $('.filetype', item).val();
            if(type === 'pic') {
                var html = '<img src="'+$('.file', item).val()+'"';
                if( $('.alt', item).val() != '' ){
                    html += ' alt="'+$('.alt', item).val()+'"';
                }
                if( $('.align:checked', item).val() != 'none' ){
                    html += ' class="align'+$('.align:checked', item).val()+'"';
                }
                html += ' />';
                //Condition ajoutée mais Je ne sais pas vraiment quel type mettre entre (movie ou mp4)              
                       }
            } if(type === 'movie') {
                           var html = '<video src="'+$('.file', item).val()+'" width="320" height="200" controls preload></video>';

            } 

            return html;
        }

Mais aussi comment afficher la video à part comme pour l'image thumb sans qu'elle fasse partie de

<?php echo $post'Post']'content']; ?>

dans "view.ctp".
Merci