Bonjour,

Je sais qu'il est possible de mettre de la vidéo dans un article mais mon soucis c'est que je veut le faire dans un widget.

Mais quand je clique sur l'icône pour importer un médias dès que je veut sélectionner ma vidéo elle n'apparaît pas.

Je vous mets un lien pour que vous voyez où doit aller cette vidéo :
http://monsiteessai.s4543.micromedia.atester.fr/
Elle sera à la place de l'image de la fille à gauche, et nous la voulons seulement sur l'accueil d'où le widget.

Nous ne voulons pas utiliser de plateforme tel que You tube ou dailymotion pour ne pas "polluer" la vidéo.

De plus le concepteur du site à prévu 4 formats différents (pour être lu partout) est il possible de superposer les widgets où les vidéos?

Voilà merci pour votre aide!

Bonjour Fanny,

En effet l'ajout de vidéo depuis les widgets mériterait une suggestion d'évolution ;) Pour intégrer une vidéo dans un widget il existe bien des solutions, en voici plusieurs :

1/ Intégrer une vidéo depuis un article en bloc, puis copier le code html de cette vidéo pour ensuite le coller dans le mode source du widget.

2/ Intégrer un script Js pour récupérer le contenu d'une url (article en bloc contenant la vidéo) et l'afficher dans un widget : http://communaute.medialibs.com/forum/topic-3663.html

3/ En ce qui concerne les différents formats de vidéos à prévoir, il va falloir passer par un player externe car e-majine supporte le format web en flv exclusivement. Pour cela tu peux par exemple partir sur un player html5 : http://videojs.com/ et transférer les vidéos depuis l'espace ftp

N'hésites pas à me dire informé.
Bonne journée,
Manuel

Bonjour Manuel,

J'ai essayée la 1ère solution et elle fonctionne, comme je n'ai pas accès au code source via la manage, je l'ai récupérer avec firebug et ca va.

J'ai maintenant un autre soucis dans le genre : je souhaite mettre une galerie photo dans un widget, j'ai essayé de faire comme pour la vidéo mais même s'il m'affiche les vignettes il ne crée pas le diaporama quand je clique dessus, il m'ouvre seulement chaque image dans une nouvelle fenêtre, là encore j'ai copié le code de firebug et j'ai prit à partir de la div class="medias" avec la div "gallery" et le javascript.

Il y a peut être une autre façon de récupérer le code source plus "proprement".
Je vais aussi essayer la 2ème solution mais je ne suis toujours pas a l'aise avec le javascript donc on vera bien.

Merci en tout cas!

Salut Fanny,

Ok pour la vidéo ;) Pour la mise en place d'une galerie photo dans un widget il s'agit effectivement du même procédé, comme tu la souligné il faut aussi bien récupérer les scripts associés.

De façon à administrer plus facilement ce genre d'éléments, en effet la piste n°2 me parait plus intéressante. Depuis un article en bloc (publiée dans une rubrique invisible), tu vas pouvoir créer plus rapidement ta galerie pour ensuite récupérer le contenu et l'afficher dans le widget.

N'hésites à nous faire part du résultat ;)

Bon courage,
Manuel

Bonjour Manuel,

Je sèche un peu, donc est ce que tu pourrait me donner plus de détails concernant le javascript de la vidéo.

Le lien que tu as mit vers le post pour récupérer l'url et la mettre dans widget comporte 3 différents scripts. Le premier ne correspond pas vraiment puisqu'il implique une action "click".
Le deuxième c'est pour une fenêtre modale, donc je me suis rabattue sur le 3ème.

J'ai essayé de mettre directement l'url puisque la page est caché et de mettre le script dans le widget en code source, mais bien évidement rien ne se passe (ce serait trop beau!)
Dans ce script tu récupère du texte et moi c'est une galerie donc je pense qu'il y a quelque chose à changer mais je ne sais pas comment ni quoi d'ailleurs!.

Sinon j'ai tester le player vidéo html 5 il est très bien et résous un bon nombre de mes problématiques.

Voilà, merci de ton aide

Bonjour Fanny,

En effet il s'agit bien du 3ème script. Je viens de mettre ça en place sur mon sandbox : http://modelebase.s6385.medialibs49.atester.fr/forum/

Voici le code Js utilisé, l'important est de récupérer dans la variable 'url', l'url de ta rubrique qui publie ta vidéo :

<script type="text/javascript">
// jQuery en mode no-conflict
(function($){
 
// on cible le contenu que l'on veut récupérer (généralement un lien vers une autre page) et on ajoute la fonction "getpagecontent"
// dans le cas d'une rubrique masquée on peut directement mettre l'url en variable
// soit var url = 'http://monSite.fr/mesDerniÚresAnnonces/-getpagecontent.html';
 
  var url = 'http://modelebase.s6385.medialibs49.atester.fr/video/-getpagecontent.html';
  $.ajax({
     url: url,
     success: function(code, status){
        //on recupere le text via getpagecontent puis isole un element
        var champ = $(code).find('.video'); 
        //on fait apparaitre en plus le contenu recupere dans une div
        $('.widgetVideo').append(champ); 
        // On affiche le resultat dans la console                             
        // console.log(code);
     },
     error: function(resultat, status, erreur){
        // On affiche le resultat dans la console 
        // console.log(erreur);
     }
  });
})(jQuery)
</script>
 

Le tout étant affiché dans un widget qui a la classe '.widgetVideo'

Bonne journée!

Bonjour Manuel,

De bon matin, j'ai donc testé ce nouveau script! Et cela n'a pas totalement marché...

Voila le lien vers l'essai avec le widget :
http://micro-media.s2425.micromedia.atester.fr/

Et vers la galerie caché :
http://micro-media.s2425.micromedia.atester.fr/galerie/

Donc il récupère bien la class "medias" qui contient la div "gallery_5" mais pas le script qui génére la sandbox qui est dans cette div.

J'ai essayé de mettre le script à la suite du tient dans le widget mais il ne fait rien et ne l'affiche même pas.

<script type="text/javascript">
<!--
switchLink('gallery_5');
//-->
</script>

Pour la vidéo, je n'ai pas le soucis puisqu'il n'y a pas de scrpit associé.

Donc je vais abusée un peu mais il y a t'il un moyen avec ton javascript de lui dire de récupérer en plus le script présent dans class "medias"?

En tout cas merci pour tes précieux conseils!

Re Fanny,

Même cas de figure de mon côté, le code javascript n'est pas récupéré. Il doit y avoir d'autre scripts quelques part, j'ai testé mais sans résultat satisfaisant. Du coup la meilleure solution serait de rajouter l'option de sélection de vidéo/galerie depuis un widget texte. Je te propose de faire un ticket (demande de prestation) pour que l'on puisse planifier ce développement.

L'autre alternative est d'appliquer un autre effet lightbox, par exemple avec http://fancybox.net/. Vu que tu as le contenu (les images), il n'y a plus qu'à ajuster la structure html et mettre en place les scripts.

Tiens nous informé,
Bonne journée

Ok Manuel,

Je vais me pencher sur la deuxième solution, j'ai aussi quelqu'un qui bosse dessus. Dès que j'ai des retours, je te préviens et si jamais on y arrive pas on fera un dev spécifique.

Merci