[Problème] com_wrapper: allowfullscreen pour les vidéos YouTube ?

[shiva108]

Bonjour à tou-te-s,
J'ai intégré des vidéos YouTube à mon site (www.ontheroad-again.com) à l'aide du module com_wrapper, mais ce module apparemment désactive la fonction "plein écran" des vidéos.

Quelqu'un sait comment activer le "allowfullscreen" (et où...) ?

Un grand merci d'avance !

[electrocity]

Re : com_wrapper: allowfullscreen pour les vidéos YouTube ?

Utilisé le code Google sur votre site.
Par exemple :

<iframe width="337" height="200" src="https://www.youtube.com/embed/J6Oaa8mFsPA?ecver=1" frameborder="0" allowfullscreen></iframe> 

allowfullscreen est la balise qui autorise le pleine écran, mais je ne pense pas que com_wrapper à cette option.
Vous utilisez un template Ui Kit, il y a une classe pour faire des videos responsive normalement.
P.S: En ouvrant la console de debuggage, j'ai remarqué que vous avez 6 erreurs sur la page d'accueil, a cause de l'origine des css ou des iframes, il faudrait régler cela aussi

[dolmenhir]

Re : com_wrapper: allowfullscreen pour les vidéos YouTube ?

Site extrêmement lent...

il serait peut-être mieux d'utiliser le plugin allvideos de Joomlaworks au lieu du com_wrapper

http://www.joomlaworks.net/extensions/free/allvideos

Ce plugin permet de gérer de nombreuses fonctions dont l'affichage des toolbars et l'activation ou désactivation de paramètres comme le "allowfullscreen"...

ou de l'intégrer via un éditeur comme jce (mode pro seulement)

https://www.joomlacontenteditor.net/

[electrocity]

Re : com_wrapper: allowfullscreen pour les vidéos YouTube ?

Site extrêmement lent...

Il suffit de décortiquer la page :
54 image à charger sur le premier slide show
27 image à charger sur le 2éme slide show
...
Déja là c'est beaucoup.

Plus de 1200 fichiers, 214mb, affichage 7 seconde, load 42s, et au bout de 7 minutes tous les fichiers non chargé !
Avec photoswipe par exemple, il est possible de ne charger qu'une partie des images. ce qui limiterait à quelques images le chargement.

[shiva108]

Bonjour à tous et merci de vos réponses.
Electrocity:
- En effet, le code iframe passe (mais il faut mettre le width à 100%, sinon problème responsive: la vidéo dépasse l'écran sur iPhone 6 par ex.)
-

Vous utilisez un template Ui Kit, il y a une classe pour faire des videos responsive normalement.

C'est à dire ?
-

En ouvrant la console de debuggage, j'ai remarqué que vous avez 6 erreurs sur la page d'accueil

Je n'en trouve qu'une avec FireFox (un "custom.css qui ne peut être chargé"). Vous avez d'autres infos ?
- Pour les temps de chargement de la page, ce n'est malheureusement pas nouveau... J'ai d'ailleurs hésité à passer le site sur Wordpress, tellement j'en avais marre... Car je ne trouve pas d'autre solutions pour avoir un site de photos HD qui ait de la gueule et soit rapide. Des idées de tempates bien foutus pour la photo ? (cela dit, les inserts de Facebook en bas de page ralentissent tout de manière hallucinante).

Dolmenhir:
- En effet, le plugin Allvideo est fonctionnel et plutôt efficace, mais je m'y mettrai lorsqu'ils auront développé une interface graphique qui n'oblige plus à aller consulter systématiquement leur site pour insérer les codes dans les pages... :/
- Pour ce qui est de JCE Pro, je l'ai, mais je n'y trouve rien de relatif à Allvideo. J'ai raté quelque chose ?

...et merci encore de vos réponses.

[electrocity]

Cela n'a rien a voir avec le template, mais au slideshow.
Regardez la description ICI http://photoswipe.com/ il résoud exactement le soucis que vous avez, à savoir 1200 fichiers à charger sur une seul page.
Passez sous wordpress?
Cela ne changera rien, c'est la page qui est "lourde", pas le code PHP, donc le rendu sera tout aussi lent.
Donc soit vous changer votre page et n'utilisé que des liens + 1 image,
soit vous changer votre script de slideshow genre photoswipe, qui permet de géré les chargement mais qui nécessite de recoder la page.
En sommes, vous n'aurez jamais une page rapide sans modification profonde au niveau des slideshow, en les chargeant différemment ou en les mettant dans des galeries séparées avec liens.

[dolmenhir]

- Pour ce qui est de JCE Pro, je l'ai, mais je n'y trouve rien de relatif à Allvideo. J'ai raté quelque chose ?

JCE et allvideo sont deux outils indépendant l'un de l'autre.
JCE propose, dans sa version pro, un plugin media qui permet d'insérer des vidéos dans le corps d'un article (ou d'un module personnalisé). Cette fonction est symbolisée par un icone qui se retrouve dans la barre d'outils de l'éditeur. Concernant les videos Youtube, il est devient extrêmement facile de les inclure en indiquant simplement leur url de partage que donne Youtube.

Bouton dans l'éditeur


Url chez Youtube


Media manager de JCE

[GraphiqueDesign]

Personnellement, j'intègre ma vidéo YouTube dans mon article en me servant du code fourni par YouTube, rien de plus et le fullscreen fonctionne.

[electrocity]

Il y aussi des plugins pour çà avec un simple tag.

[lefabdu51]

ce site a un gros probleme...
A quoi sert une image hd si on ne peut pas zoomer dedans ?
Vous ne fournissez aucune galerie photo, seulement des slideshow.
Quand on clique sur une image, on as pas la possiblité de zoomer dedans.
Conclusion, la qualité HD des photos ne sert à rien.

Car c est a ca que sert principalement une résolution > 72ppp.
A pouvoir zoomer sur des détails d'une image.....
solution:
diminuez la resolution des images des slideshow sans diminuer la taille des images.
Les visiteurs ne veront pas la difference au niveau visuel, mais au niveau temps de chargement (vu la taille des images, on peut facilement avoir un gain de 6x au niveau du temps de chargement).

Pour vos liens de menus a gauche, plutot que de proposer un slideshow et seulement cela, mettez seulement deux ou trois images dans vos slideshowet utilisez un composant tel que phocagallery ou oizo gallery et proposez une galerie d'images.
Cela plairas surement plus a vos visiteurs, et second point, les composants de ce type generent des vignettes basse résolution (et non basse qualité) et quand on cliques dessus, on accedes a l image en hd.
De plus cela mettras vos images mieux en valeur.

Pour moi, ce n est pas une erreur de code, mais de conception du site.....

[electrocity]

Pour moi, ce n est pas une erreur de code, mais de conception du site.....

+1
Jamais ce site sera rapide avec la présentation actuelle

[shiva108]

Bonjour à toutes et tous,
Merci de vos commentaires précieux. J'ai ainsi avancé sur mon site en prenant d'autres options qui semblent meilleures (vous me direz si je me fourvoie... ).

Un de mes souci de chargement vient du fait que mes photos ne sont pas hébergée sur le site, mais importées depuis Flickr par un composant que je ne gère que partiellement. Et qui gère apparemment très mal les grosses quantités de fichiers dans ses diaporamas. je ai donc supprimés ces derniers (enfin, je suis en train de...) au profit d'une seule photo d'accroche qui revoie à une galerie dans un article.

J'ai tout de même quelques galeries photo en local, qui, gérées avec Simple Image Gallery Pro, ne me posent pas de problème en terme de chargement, mais plutôt dans leurs présentations désuètes, que ce soit en galeries, en popup ou dans le backend. Avez-vous une système de galerie photos à conseiller qui soit simple (si possible drag and drop et sans code à ajouter manuellement) et qui ait de la gueule ?

@Electrocity: constatez-vous toujours des erreurs sur le site ?

[shiva108]

Personnellement, j'intègre ma vidéo YouTube dans mon article en me servant du code fourni par YouTube, rien de plus et le fullscreen fonctionne.

Ou, le fullscreen fonctionne ainsi, mais cela me crée souvent des problèmes au niveau responsive. Les vidéos sortent de l'écran sur certains supports (iPhone, & Co). Raison pour laquelle je cherchais une autre solution.

[dolmenhir]

Avec le très bon plugin SIGE (Simple Image Gallery Extended) avec lequel on peut quand même faire des choses efficaces, et c'est gratuit.
Je l'installe régulièrement sur certains types de sites.

J'utilise aussi la version pro de Gallery de Balbooa, mais c'est payant (il ya une version gratuite mais avec moins de fonctions)

https://www.balbooa.com/joomla-gallery#download

Je viens justement d'installer une galerie sur ce site
Elle n'est pas finie, y a encore des textes que le client doit finaliser, mais visuellement ça le fait (voir la partie "suggestions").

[shiva108]

Je coche bien sur le Balbooa (moins sur le SIGE...). Merci du conseil !

Je vais aller y voir de plus près. Mais une petite question: le temps de chargement des images en popup a l'air assez lent. C'est à cause de la taille des photos ou c'est le composant ?