Une page 100% vidéo !

le Mercredi 27 Aout 2008

Après la mise à jour du player et la mise en ligne du nouvel uploader, c'est au tour de la page vidéo de bénéficier d'un grand nombre de nouveautés.

La page vidéo (disponible à partir de Blog Pro) est la page de navigation qui liste l'ensemble des vidéos de votre site. Jusqu'à présent, les vignettes de cette page pointaient vers les articles possédant une vidéo. Pour lire les vidéos, il fallait donc se rendre sur l'article correspondant.

La page vidéo est complètement transformée. Elle permet toujours de lister les vidéos du site, mais la grande nouveauté c'est qu'à présent, on peut lire les vidéos directement dans la page.

Le principe du fonctionnement de la nouvelle page vidéo est assez simple. Si on la divise horizontalement en 2 parties, on peut dire que :

Dans la partie supérieure, le visiteur visionne les vidéos Dans la partie inférieure, il surfe sur le contenu vidéo de votre site
Voyons tout cela en détail.

Un grand, très grand player

La première nouveauté qui saute aux yeux sur la page vidéo, c'est la taille du player. Quoi de mieux qu'un player de 600 pixels de large pour mettre en valeur vos vidéos ?

Ce player, spécialement retravaillé pour la page, est au format 16/9. Par conséquent, vos vidéos 16/9 sont jouées en pleine largeur, tandis que vos vidéos 4/3 affichent des bandes verticales noires de part et d'autre du contenu.

Je rappelle que l'encodeur WM détecte automatiquement le format de votre vidéo, et adapte automatiquement le format d'affichage dans le player.

En fonction de la largeur de votre site, les informations relatives à la vidéo sont affichées soit sous le player (comme dans l'exemple ci-dessus, soit à droite du player).

L'affichage de ces informations est paramétrable. Vous pouvez décider d'afficher ou non l'auteur, la note et les stats. Ces réglages s'effectuent dans DESIGN > Design des pages > Video.

Notez que les options de navigation sont conservées. Vous pouvez afficher le chemin vers la page (breadcrumps) et le bouton vers la home du site.

En ce qui concerne l'autorisation de l'export, je vois renvois à une précédente note.

Du coté de la navigation

A l'arrivée sur la page, c'est la vidéo la plus récente qui est prête à être jouée. 

Sous le player, nous affichons sur 2 lignes les vignettes des vidéos qui suivent. Lorsque le visiteur clique sur une vignette, la vidéo est jouée juste au-dessus, dans le player.

Le nombre de vidéos affichées sur ces 2 lignes dépend de la largeur de votre site. Le calcul est automatique. Dans la majorité des cas, il y aura entre 6 et 10 vidéos affichées sous le player.

Les liens "Précédent" et "Suivant" rechargent le bas de la page avec de nouvelles vignettes.

Un lien "Voir toutes les vidéos" renvoie sur un autre page. Cette page est l'équivalent de l'ancienne page video. Elle liste toute les vidéos du site. Elle propose en outre plusieurs possibilités de navigation:

tri par popularité tri chronologique affichage en mosaïque affichage en liste
Petite précision d'importance : étant donné que les vidéos sont jouées dans le player, seules les vidéos qui sont dans votre back office seront listées sur la page.

Lorsque le visiteur clique sur une vignette, il retourne sur la page précédente et la lecture de la vidéo dans le player débute automatiquement.

Il y a une exception à ce mode de fonctionnement avec les vidéos privées. Les vidéos privées sont identifiables par le cadenas qui s'affiche en bas à droite de la vignette. Lorsque l'utilisateur clique sur une vidéo privée, il est redirigée vers la page d'authentification.

Quelques mots sur la génération des vignettes

C'est quand même assez ennuyeux sur une page qui liste des vidéos de toujours avoir la même vignette. C'est généralement le cas lorsque vos vidéos débutent par un jingle identique et que l'on associe la vignette à la première image de la vidéo.

Afin que votre page vidéo soit la plus attractive possible, Samir a développé un algorithme très astucieux. En fonction de la durée de la vidéo, il nous permet de choisir un moment précis pour extraire l'image de la vidéo qui sera utilisée comme vignette.

Cadrez les vignettes

Si les vignettes générées par l'application ne vous conviennent pas, vous pouvez les changer manuellement. Ceci n'est pas nouveau.

Ce qui est nouveau par contre, c'est que vous pouvez recadrer les vignettes.

A partir de l'article, dans l'onglet vidéo, il suffit de cliquer sur l'image d'aperçu. De façon automatique, en fonction du format de votre vidéo, nous vous proposerons un recadrage en 16/9 ou en 4/3.

WebTV ?

Petit à petit, votre CMS préféré se dote de briques fonctionnelles qui vous permettrons à terme de créer votre propre webTV.

L'aventure continue ... Samir et Christian sont déjà à pied d'œuvre et travaillent sur les nouveautés vidéos de septembre/octobre.

WMaker fera encore un bond en avant niveau vidéo à ce moment là. Restez connecté sur le blog ;)


Jérôme s'occupe de la promotion de WMaker. Il accompagne les prospects dans la découverte de la… En savoir plus sur cet auteur