Une page 100% vidéo !

le Mercredi 27 Août 2008

Une page 100% vidéo !
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

Une page 100% vidéo !
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.

Une page 100% vidéo !
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

Une page 100% vidéo !
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.

Une page 100% vidéo !
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

Une page 100% vidéo !
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

Une page 100% vidéo !
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 ;)


Jerome Granados
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


Vos commentaires

1.Posté par Tarik ESSAADI le 27/08/2008 19:22 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Tres tres fort... comme innovation.
Merci beaucoup les amis et félicitations pour cette bonne avancée technique

2.Posté par Pierre Girard le 27/08/2008 20:14 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Trop fort ! on va pouvoir profiter à fond de ces fonctions tant attendues.
Bravo

Pierre

3.Posté par Teddy le 28/08/2008 14:12 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
J'ai découvert le nouveau player avec beaucoup satisfaction ! Il tombe à pic !

Par contre, les paramètres du module dans le backoffice n'ont pas encore changé !
Sauf si je n'ai pas trouvé comment faire.

Félicitations à toute l'équipe !

Teddy

4.Posté par Jerome Granados le 28/08/2008 15:38 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
@Teddy
Ca y est, les nouveaux paramètres sont dispos dans le back. Un oubli de notre part . Désolé. Merci de nous avoir avertis

5.Posté par Humanser le 28/08/2008 17:46 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Vous êtes trop fort, je suis abasourdi par la créativité constante chez vous. J'ai qu'une hâte c'est de revenir m'héberger en Corses pffff. Je salue vraiment ce talent perpétuel!!!

Il serait bien de créer un groupe sur FB pour ceux qui y sont, histoire de se mettre en relation. Il serait bien aussi de mettre en avant une liste des sites clients wmaker, Le travail des autres est souvent source d'inspirations pour les autres à venir.
en tout merci et bien à vous
H

6.Posté par Marco Bertolini le 28/08/2008 18:07 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Mais vous ne dormez jamais ?

Comment faites-vous ?

Bravo pour cette créativité permanente.

Marco.

7.Posté par GD le 28/08/2008 19:22 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Encore et toujours du développement. Bravo continuez comme ça.

GD

8.Posté par Eric LEON le 31/08/2008 02:06 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Très bien, mais dommage que l'application "uploader" indique des erreurs aux téléchargement des fichier vidéo compressé en H264. Une personne l'avait déja indiqué, mais nous restons sans réponse à ce problème.

9.Posté par Jerome PIETRI le 31/08/2008 11:39 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
La personne ayant eu ce pbm a reçu une réponse dans le support, les commentaires sur le blog ne répondent pas aux pbms techniques, le support le forum technique sont là pour ca.

10.Posté par Gilles C. le 30/10/2008 22:11 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Super fonctionnalité,
Bravo aux WMaker boys and girls !

Cela dit, un truc tout bête (j'ai honte), je ne vois nulle part dans le blog ou dans l'aide de mon site le mode d'emploi basique pour ajouter cette page vidéo... Comment puis-je la faire apparaître ? C'est tellement simple que personne ne semble avoir pensé à donner cette précision... Grrr....

11.Posté par Sébastien Simoni le 31/10/2008 09:31 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour,

Pas besoin de mode d'emploi, cette page liste automatique toutes les videos de votre site (pas les videos externe).

En revanche, pour créer un lien vers la page video on aurai pu faire une petite aide.
Pour créer un lien vers cette page, il faut choisir l'option page video dans le menu perso ou la barre d'outil de l'onglet design.

Rendez vous dans le support si mes explications sont trop sommaire.
A bientot

12.Posté par Gilles C. le 31/10/2008 10:56 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Merci de votre réponse.
J'avais finalement trouvé cette nuit, après de longs tâtonnements...

13.Posté par garrouty le 25/11/2008 18:45 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Quand ces fonctionnalités vidéos seront-elles activées dans le blog pro?
Merci pour l'info

14.Posté par Jerome Granados le 25/11/2008 19:00 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Gilbert, depuis son lancement, la page video est disponible avec l'offre Blog Pro.

15.Posté par garrouty le 25/11/2008 19:51 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Je suis sans doute nul, mais pouvez détailler point par point les manips?Dans mon site d'essai j'ai deux videos insérées dans les papiers, mais elles y restent!

16.Posté par Jerome Granados le 26/11/2008 08:58 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
On va voir tout ça ensemble. Pour cela, il est préférable que nous travaillons dans le support de votre site.