Chez Papinou - Skins GuppY 5

 
   S'il n'y a pas de solution, c'est qu'il n'y a pas de problème. Devise Shadok   
   Utilisateur de GuppY, je suis membre de l' Asso freeGuppY ... et vous ? ? ?   
Vous êtes ici :   Accueil » Fotorama : une galerie vidéo simple et facile
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
rss Cet article est disponible en format standard RSS pour publication sur votre site web :
https://www.papinou.fr/data/fr-articles.xml

Une galerie vidéo simple et facile
 

marins01.jpgmarins02.jpgmarins03.jpg


Retrouvez les vidéos de cette présentation, et toutes les vidéos des " Marins d'Iroise " sur ce lien.

 

Une copie d'écran du contenu de l'article de la galerie :

contenu_article.jpg

Quelques commentaires sur le minimum de modifications à faire.

J'ai surligné en jaune les modifications que vous pouvez ou que vous devez apporter pour un fonctionnement correct de la lecture des vidéos.

  •  font-size : 20px : ceci concerne le titre "Une galerie vidéo simple et facile", au choix 20.22, 24px pour rester dans le raisonnable.
     
  • #c0cfd5 : c'est la couleur de fond du div pour centrer les images et les vidéos, je l'ai adapté à ma skin d'origine
     
  • Pour les mp4, ils doivent être encodés en H264 avec une taille de 720px en 16/9 avec une qualité DVD.
    J'ai créé un répertoire videos dans img, si vous le faites, vous n'avez que le nom du mp4 à modifier.
     
  • Pour les images, j'ai capturé une image de chaque vidéo en jpg, la taille est de 900 x 519px en 16/9 pour un affichage avec une colonne latérale, pour un affichage sans colonne latérale la taille sera de 1240x715px
     
  • J'ai incrusté le titre et le nom du groupe dans chaque image. Vous devez réduire la taille suivant votre espace disponible.
     
  • Si vous utilisez le répertoire videos, vous ne devez changer que le nom des images, autrement vous adaptez le chemin. La flèche pour la lecture se met automatiquement sur l'image.


Dans cet exemple, j'ai mis trois vidéos, les miniatures sous l'image sont en 60x60px par défaut, vous pouvez en mettre plus.


Fotorama étant intégré à GuppY 5, maintenu par la GuppY Team, vous n'avez aucun autre code à ajouter, avec ces quelques lignes votre galerie est fonctionnelle !!!
Simple, facile à mettre en oeuvre, cette galerie vidéo est particulièrement adaptée pour des vidéos sur votre site.
 

Important !

Ne remplacez pas la version incluse dans GuppY par une version téléchargée sur le site de Fotorama, des modifications ont été faites notamment dans les feuilles de style CSS pour obtenir la validation W3C.


Pour toutes vos questions, demandes ou suggestions, merci de poster sur mon forum, rubrique Plugins forks astuces GuppY 5.

 

Mis à jour le 31.03.2017


Date de création : 31/03/2017 @ 17:15
Catégorie : Astuces GuppY 5 - GuppY 5
Page lue 426 fois

Vous êtes ici :   Accueil » Fotorama : une galerie vidéo simple et facile
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
Préférences

Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe
Captcha reload
Recopier le code :


  4413093 visiteurs
  13 visiteurs en ligne

Connectés :
( personne )
Snif !!!
 
Licence

Cette création est mise à disposition des visiteurs selon les termes de la
Toute citation doit comporter un lien direct vers la page d'origine.
 
Chez Papinou est en ligne depuis le 26.03.2006
 
Lire les mentions légales