Galerie vidéo, miniature et légendeFermé

Question

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 : 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 Configuration: Windows 7 / Firefox 3.6.15

avion-f16 · Answer

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

Angelique C · Answer

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 !

avion-f16 · Answer

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.

Angelique C · Answer

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.

avion-f16 · Answer

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.

MPinault · Answer

As-tu réussi finalement Angélique car j'essaie de faire la même chose mais je ne trouve pas de logiciel

Galerie vidéo, miniature et légende

6 réponses

Discussions similaires

Newsletters