meilleure façon d’afficher proprement 15 à 20 vidéos youtube sur une page Web?
Je suis en train de créer un site Web pour un client qui a environ 20 vidéos qu'il souhaite mettre sur une page de galerie vidéo et je me demandais si vous pouviez m'aider et me donner des conseils sur la façon de procéder.
J'ai trouvé yoxview, éventuellement une lightbox ... mais je ne sais pas si cette fenêtre contextuelle est vraiment bonne pour la navigation vidéo.
Aussi, faut-il/pourrait-on demander cela aux webmasters au lieu de stackoverflow?
Avec autant de vidéos, je créerais des images sur la page pour chaque vidéo, puis l'image serait liée à une autre page du site contenant la vidéo.
Quelque chose que j'ai créé Il y a longtemps.
J'ai créé quelques pages Web avec des fonctionnalités vidéo et de nombreux lecteurs jQuery pourraient bien fonctionner. Je dirais que vous devez décider de la manière dont vous allez diffuser les vidéos, Flash vs HTML 5, puis partir de là. Si vous n'êtes pas sûr de ce que vous voulez, je commencerais par videojs car le support de secours est pris en charge si le navigateur client ne dispose pas de HTML5.
Ensuite, vous devez déterminer comment vous souhaitez afficher les vidéos: mode de la grille, liste, curseur ... Une fois que vous avez cela, il vous suffit de lier le visualiseur de vidéos. Personnellement, j'aime bien le style lightbox avec une fenêtre contextuelle et modalant le reste de la page. Vous pouvez même faire une vidéo liée à la vidéo en cours de lecture dans la fenêtre contextuelle. Lorsqu'ils cliquent sur la nouvelle vidéo, il suffit de rafraîchir le lecteur JQuery.
Bonne chance!!
Vous pouvez essayer AnythingSlider . Il a une extension qui peut mettre en pause les vidéos qui ne sont pas en vue et continuer la lecture de vidéos lorsqu'elles reviennent à la vue.
Vous pouvez utiliser une combinaison de dialogues JqueryUI et appels Ajax .
Qu'il en soit ainsi lorsque l'utilisateur clique sur une image de la vidéo en question, appelle une fonction ajax qui poste l'id de la vidéo youtube sur une page externe.
Cette page remplit ensuite l'identifiant aux endroits nécessaires dans le code d'intégration, puis le recrache.
Vous prenez ensuite ce code et le placez dans la boîte de dialogue, puis vous l'ouvrez.
Je n'ai pas essayé moi-même, mais ce serait la voie que je prendrais.
J'espère que cela t'aides!