Galerie vidéo, miniature et légende

Angelique C Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
 MPinault -
Bonjour à vous tous,
Je fais appel à vous pour éclairer ma lanterne !

Je souhaite réaliser une galerie vidéo sur une page HTML. J'aimerais que des miniatures permettent d'ouvrir une vidéo sur la même page. Cette vidéo serait chargée d'après un site de partage comme Youtube ou Viméo.De plus, ajouter une légende au dessous de cette vidéo serait vraiment souhaitable.

J'ai d'ailleurs remarqué que viméo permet de charger directement une vidéo, et son player, sur un site web grace à ce code :

<iframe src="http://player.vimeo.com/video/20554754?title=0&byline=0&portrait=0" width="400" height="225" frameborder="0"></iframe>


Est ce qu'il est possible d'utiliser directement ce code et de l'adapter pour pouvoir mettre des miniatures? Et si oui, comment?

Sinon, je suppose qu'une galerie en javascript serait une bonne solution mais il est vrai que je n'y connais pas grand chose. Est-ce que vous auriez un script/plugin à me soumettre?

Quelle est pour vous la meilleure façon de réaliser ce type et galerie, et comment?

Merci d'avance,

Angélique



6 réponses

avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Salut.

Pour l'ouverture de la vidéo, je te conseille d'utiliser un système de lightbox.
https://www.shadowbox-js.com/
http://fancybox.net/

Pour les miniatures
Youtube : http://img.youtube.com/vi/{ #ID de la vidéo }/{ 1, 2, ou 3 }.jpg
Vimeo : http://vimeo.com/api/docs/simple-api
0
Angelique C Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Justement, dans ce cas là, le lightbox ne m'intéresse pas. Dans la conception de ce site web, pour son harmonie, il faut réellement que la vidéo s'ouvre à côté des miniatures.

Merci pour les liens concernant les miniatures, je vais regarder ça !
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Dans ce cas, rien de compliqué, avec du Javascript, c'est fait en un claquement de doigts.

Tu peux utiliser des bibliothèques comme jQuery pour donner un effet de déroulement ou d'apparition en fondu.
0
Angelique C Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Oui c'est ce que j'ai fait pour ma galerie image, grâce à un script déjà existant.

Pour mes vidéos je ne sais pas trop comment m'y prendre, je n'ai pas encore les compétences pour toucher au code javascript.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
En quelques mots : tu places le code de la vidéo dans un bloc, que tu masques grâce au CSS.
Au clic sur le bouton pour afficher la vidéo, il faut afficher à l'aide du Javascript le cadre correspondant.
0
MPinault
 
As-tu réussi finalement Angélique car j'essaie de faire la même chose mais je ne trouve pas de logiciel
0