Galerie vidéo youtube

ParisElliot
Les bases HTML/CSS

Bonjour à tous,

Je souhaite réaliser une galerie de vidéos avec des flèches sur les cotés permettantes de changer facilement puisque c'est pour les mobiles.
Voici la maquette :

Je ne sais absolument pas comment faire, j'ai essayé la zoombox (trouvée ici même) mais l'utilisateur ne peut pas naviguer d'une vidéo à une autre facilement. Si vous avez des explications ou un tutoriel ce serait parfait !

Merci d'avance !

PS : J'ai mis cette discussion dans cette catégorie, bien qu'il y ai peut être une solution en JS ou JQuery...

8 réponses

Khalysto

Salut,

Quel est le souci avec Zoombox?
Et j'imagine que tu voulais écrire PROJECTS sur ta maquette ;)

ParisElliot
Auteur

Bonjour,

Je trouve que la gallery de la zoombox est petite dans le cas d'une utilisation sur mobile.
En effet ;)

JC_Pires

Pour mes sliders j'utilise Owlcarousel qui s'adapte très bien au mobile:

http://owlcarousel.owlgraphic.com/

Demo pour les vidéos:

http://owlcarousel.owlgraphic.com/demos/video.html

Khalysto

Je plussoie owlCarousel (une chouette quoi, c'est trop mignon...).
Mais niveau performance et fonctionnalités, j'utilise le plugin jQuery LightSlider.
As tu déjà essayé ce dernier et saurais tu dire lequel est le plus performant?

JC_Pires

Je ne connaissais pas jQuery LightSlider, mais visuellement sur leurs sites, les deux se ressemblent fortement 0_o, je vois les mêmes fonctionnalitées des deux cotés sans vraiment comparer. Il faudrais faire un test de performance pour voir.

Khalysto

J'avoue que quand j'ai vu la démo avec les images rouges de chaque côté, je me suis quand même dit qu'il y avait baleine sous gravillon x)

JC_Pires

Par contre jQuery LightSlider fais en minifié 10ko alors que OwlCarousel minifié fais 40ko, je parle juste des fichiers Js. C'est qu'il doit y avoir une différence quelque part.

Khalysto

Je pense que ça s'explique par les plug-in intégrés.
Avec Owl, tu peux utiliser le scroll souris par exemple et 2 ou 3 autres librairies. Ça doit être ça qui joue