Fancybox pour vidéo dans CMS sur ps v1.4.9 ?

[alain56]

Bonjour,

Comment fait-on pour utiliser fancybox pour des vidéos dans un CMS ?

En fait, je voudrais que lorsqu'un visiteur clique sur l'image représenetant la vidéo, cela lance la vidéo YouTube en question dans une FancyBox.

(exemple de ce que je voudrais obtenir :

http://www.actionpro...videosSD21.html )

 

J'ai suivi différents Posts sur le Fourm :

http://www.prestasho...61#entry1068961

http://www.prestasho..._1#entry1079867

 

mais cela ne fonctionne pas ?!

 

Voilà où j'en suis :

- j'ai ajouté le fichier CSMController.php dans le dossier override/controllers, avec ce code :

<?php
class CmsController extends CmsControllerCore {
public function setMedia() {
parent::setMedia();
Tools::addCSS(_PS_CSS_DIR_.'jquery.fancybox-1.3.4.css', 'screen');
Tools::addJS(array(_PS_JS_DIR_.'jquery/jquery.fancybox-1.3.4.js',
_PS_JS_DIR_.'jquery/jquery.serialScroll-1.2.2-min.js',
_THEME_JS_DIR_.'product.js'));
if (Configuration::get('PS_DISPLAY_JQZOOM') == 1) {
Tools::addCSS(_PS_CSS_DIR_.'jqzoom.css', 'screen');
Tools::addJS(_PS_JS_DIR_.'jquery/jquery.jqzoom.js');
}
}
}

 

- j'ai ajouté

<script type="text/javascript">$('a.iframe').fancybox();</script>

au dessus de la balise </body> dans mon footer.tpl

 

- j'ai ajouté dans cms.tpl

<script type="text/javascript">
 $("#video1").click(function() {
 $.fancybox({
 'padding'  : 0,
 'autoScale'  : false,
 'overlayColor'  : '#000',
 'overlayOpacity' : 0.7,
 'title'   : this.title,
 'width'  : 1280,
 'height'  : 745,
 'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
 'type'   : 'swf',
 'swf'   : {
 'wmode'  : 'transparent',
 'allowfullscreen' : 'true'
 }
 });
return false;
});
 </script>

 

- et enfin, dans mon CMS, j'essaye de lancer ma vidéo comme cela :

<a id="video1" href="http://www.youtube.com/v/nBLW6ABEVOk&rel=0&fs=1&showsearch=0&showinfo=0&hd=1&autoplay=1"><img src="http://www.monsite.fr/img/test.jpg" alt="" width="800" height="448" /></a>

 

Mais tout ce que j'obtiens quand je clique sur l'image, c'est d'être redirigé sur YouTube avec la vidéo en Full Screen et qui se lance...

 

Merci de votre aide

Edited May 30, 2013 by alain56 (see edit history)

[alain56]

Up

[alain56]

Bon, j'ai trouvé un nouveau Post traitant du sujet (enfin seulement des images ou galeries d'images et pas de vidéos malheureusement...) :

http://www.prestashop.com/forums/topic/140721-thickbox-in-cms-pages-14/page__p__784615__hl__fancybox%20cms__fromsearch__1?do=findComment&comment=784615

 

J'ai donc suivi ce Post : donc j'ai laissé le fichier CMSController.php dans le dossier override/controllers

En gros, la seule chose que j'ai changé, c'est le code dans le CMS, à savoir :

<a class="thickbox" href="http://www.youtube.com/watch?feature=player_embedded&v=nBLW6ABEVOk"><img src="http://www.monsite.fr/img/test.jpg" alt="" width="800" height="448" /></a>

J'ai donc remplacé la partie

id="video1"

par

class="thickbox"

(j'ai aussi changé l'URL de la vidéo en copiant carrément l'URL depuis la barre d'adresse sur YouTube)

 

Et donc maintenant, lorsque je clique sur l'image, je ne suis plus redirigé sur YouTube, mais au lieu de ça, il y a une animation qui apparait

(animation du style "chargement" dans ce style là :

http://www.devetdesign.com/2011/08/spin-js-indicateur-chargement-page/

mais qui charge tout le indéfiniment : la vidéo ne finit pas par s'ouvrir !! )

 

Des suggestions... SVP