Vous pouvez désormais suivre dans Google Analytics les actions qui sont effectués dans le player vidéo.

Cette fonctionnalité n'est pas activée par défaut. Pour l'activer, renseignez l'ID Google Analytics de votre site dans le menu Statistiques > Google Analytics > Player video.
Cet ID est de la forme UA-XXXXX-XX

Les actions notifiées à Google Analytics sont les suivantes :

start = début de la lecture d'une vidéo
end = fin de la lecture d'une vidéo
prerollLaunched = lancement du pre-roll
prerollClicked = clic sur le pre-roll
pubClicked = clic sur une publicité textuelle

Une fois l'ID renseigné, il faut attendre quelques heures avant de voir apparaître les rapports spécifiques à la lecture des vidéos.
Ils se trouvent dans votre compte Google analytics dans le menu Contenu > Evènements.

Un évènement est constitué de 3 paramètres, qui peuvent prendre les valeurs suivantes :
Catégorie = il s'agit de l'url de la vidéo
Action = c'est une des 5 actions décrites ci-dessus
Libellé = site ou embed

La valeur du libellé est fonction de l'endroit depuis lequel la vidéo est lue. Votre site ou bien un site qui a embarqué votre vidéo.

Attention, dans les pages récapitulatives, Google Analytics additionne les évènements et les pages vues. Lors de l'activation de cette option, il est possible que vous constatiez donc une modification de vos valeurs moyennes.

Début décembre, nous avons apporté une série de nouveautés au player vidéo flash. Aujourd'hui, nous lançons le player vidéo HTML5.

Grâce au player vidéo HTML5, vos visiteurs vont bénéficier de fonctionnalités avancées sur des terminaux où le flash n'est pas disponible. Je pense bien entendu à l'iPad quand j'écris cela mais il n'y a pas que iPad qui est concerné par cette grande nouveauté !

Concrètement pour vous, dans la gestion quotidienne de votre site, l'arrivée du player HTML5 ne change rien. Vous gérez dans votre back office la configuration de votre player vidéo. WMaker s'occupe d'appliquer vos paramétrages au player flash et au player HTML5. C'est "sous le capot" qu'il y a du nouveau. Voyons cela en détail.

Le player flash et le player html5 sont semblables en terme de design et de fonctionnalités.

Les 4 modèles de style s'appliquent aux 2 versions. Les fonctions de partage et d'affichage des metadonnées de la vidéo également.

Je vous renvoie donc à la note du 2 décembre sur les nouveautés du player vidéo pour re-découvrir en détail les possibilités de ce player.

Nous détectons automatiquement quel est le terminal qui appelle vos vidéos. Lorsqu'il s'agit d'un mobile ou d'une tablette, nous envoyons le player HTML5.

Mais qu'est-ce que ça veut dire en pratique ?

Vous savez tous, depuis la conférence HTML5 donnée par Laurent, qu'il existe de nouvelles balises qui pemettent d'indiquer aux navigateurs qu'une vidéo est présente sur une page web. Et bien, nous utilisons la balise <video> et nous spécifions l'emplacement de la vidéo à lire. Charge ensuite au navigateur web du mobile ou de la tablette de gérer en fonction de ses possibilités. Et c'est très variable en fonction des machines. Par exemple :

Lecture avec player HTML5 : c'est le cas de l'iPad. Il permet la lecture de la vidéo directement dans le navigateur web, avec toutes les fonctionnalités proposées par le player. Toutefois, si vous passez en mode plein écran, c'est le playeur natif de l'iPad qui prendra la main, et vous perdrez au passage les boutons de partage dans les réseaux sociaux.

Lecture avec player natif : c'est le cas des mobiles Android, WP7 et iOS. Le navigateur web détecte bien la balise <video>, car il est compatible HTML5, mais, pour ce qui est de la lecture, c'est le player natif du téléphone qui est utilisé. C'est le choix du constructeur et/ou de l'éditeur de l'OS de la machine. Nous ne pouvons rien y faire :|

Dans tous les cas, la vidéo est lue, et c'est bien là l'essentiel. Ainsi, peu impore le terminal utilisé par vos visiteurs, ils pourront toujours visonner les vidéos de votre site ou de votre Web TV.

Pour les vidéos embarquées, le nouveau code d'export permet de faire une auto-détection du terminal qui appelle la vidéo.

Si la vidéo embarquée est appelée par une tablette ou un téléphone, nous envoyons le player HTML5.

La compatibilité de lecture est donc maintenue également sur les vidéos embarquées ;)

Sur iPad, qui lit les vidéos directement dans le navigateur web, toutes les fonctions relatives à la diffusion de publicité sont disponibles.

Si vous utilisez la régie interne, vos pre-roll seront diffusés, ainsi que les publicités textuelles qui aparaissent au bout de 10 secondes de lecture de la vidéo.

Pour les utilisateurs Web TV qui diffusent leurs vidéos via stickyadsTV, nous sommes en rapport avec eux pour l'intégration de leur sdk HTML5. Le sdk est toujours en beta chez eux. Dès qu'il sera finalisé, nous rendrons compatible le player HTML5 avec cette régie.

Beaucoup d’entre vous l’attendaient avec impatience, c’est fait ! Dailymotion vient juste de rendre publique son API. Comme nous l'avions déjà fait pour Youtube en 2008 (vous nous demandiez déjà quand ce serait possible pour Dailymotion), nous nous sommes donc empressés de l'intégrer sur notre plateforme.

Vous pouvez désormais publier directement vos vidéos vers Dailymotion depuis votre Web TV.

Depuis le back office de votre Web TV, allez dans le menu Paramètres > Paramètres Vidéo, onglet Autres plateformes et renseignez vos identifiants Dailymotion (attention, ne vous faites pas avoir, le login correspond à votre nom d’utilisateur renseigné sur Dailymotion et non votre adresse email).

Ensuite rien de plus simple, depuis la page vidéo, ça fonctionne exactement de la même manière que pour exporter une vidéo sur Youtube ou Vimeo. Cliquez tout simplement sur “lier les comptes” puis “exporter la vidéo” dans la case de diffusion et partage Dailymotion et voila ! Le tour est joué.

Le nouveau module Mes vidéos est en ligne. C'est un module qui liste les vidéos de votre site. Il vient compléter le module Vidéo à la Une, et son développement est issu du récent travail que nous avons accompli sur WMaker.tv

Mes vidéos permet d'afficher les vidéos les plus récentes et les vidéos les plus populaires. Dans le mode d'affichage classique, il faudra choisir entre ces 2 types de contenu. Les affichages par onglets et par lien permettent d'afficher les 2.

Notez que le module Mes vidéos se positionne dans une colonne maigre de votre Design ou bien à l'intérieur d'un module Combo.

Avez-vous remarqué la case à cocher Vidéos contextuelles ? Si vous activez cette option, lorsqu'un visiteur consulte un article, le module va lister toutes les vidéos appartenant à la rubrique de cet article.

Pour l'organisation du contenu dans le module, au niveau des alignements, vous avez le choix entre :
- une disposition en ligne. La vignette et les informations relatives à la vidéos sont juxtaposées
- une disposition en colonne. Les informations de la vidéo sont placées sous la vignette.

Vous pouvez afficher le titre des vidéos ou bien le titre des articles auxquels elles appartiennes. Si vous mettez plusieurs vidéos par articles, il est préférable d'afficher le titre de la vidéo.

Enfin, vous pouvez afficher plusieurs méta-informations associées aux vidéos : l'auteur, la date (selon 2 formats), la note, le nombre de vues et de commentaires. Pour cela, il suffit d'utiliser les TOKEN associés. Ils sont très faciles à utiliser, il suffit d'écrire entre crochet les mots clés indiqués dans le module.

Le player vidéo passe en mode auto-adapt' !

Jusqu'à présent, le player possédait une taille fixe avec un ratio 16/9. Du coup, pour toutes les vidéos d'un format différent du 16/9, l'apparition des fameuses "bandes noires" était inévitable.

Avant d'expliquer le bénéfice du  mode auto-adapt', quelques petites précisions au sujets des fameuses bandes noires, notamment pour les utilisateurs de WM qui font du montage avant d'envoyer leur vidéo dans l'encodeur. Attention à éviter les pièges tendus par vos logiciels de montage, comme par exemple, l'encapsulation d'une vidéo 4/3 en 16/9. Je m'explique : votre vidéo source est en 4/3, vous la travaillez dans votre logiciel, vous êtes distrait et vous exportez votre travail en 16/9. Votre logiciel va ajouter les "bandes noires". Pour l'encodeur WM, la vidéo reçue sera en 16/9, il va la traiter comme telle et votre vidéo conservera les bandes noires.

Le mode auto-adapt' permet d'adapter automatiquement la taille du player à celle de la vidéo. Ainsi, 100% de la surface utile du player est utilisée pour afficher vos vidéos.

Pour la majorité d'entre vous qui ne font pas de montage avant envoi dans l'encodeur, il n'y a rien à faire de particulier. Tous ces réglages s'effectuent automatiquement. Pour les autres, veillez à vérifier les paramètres de votre vidéo avant son upload.

Une fois la vidéo uploadée, notre encodeur se charge de fournir au player les informations nécessaires au bon affichage de la vidéo, sans apparition des bandes noires !!

Le module Vidéo à la Une vous permet de proposer la consultation d'une vidéo dès la home de votre site.

Vous avez été nombreux à nous suggérer un module de ce type. Et bien le voilà !

Pour ceux qui sont impatients de le tester et qui n'auront pas la patience d'aller jusqu'à la fin de la note, ce module se trouve dans DESIGN > Ajouter (en colonne centrale) > Contenu.

Ce module est assez astucieux. Notamment au niveau de la sélection de la vidéo à mettre en une.

Il existe 2 façon d'opérer :
- soit vous choisissez manuellement la vidéo à diffuser dans le module
- soit vous choisissez le mode automatique. Ce mode permet d'afficher la dernière vidéo ou la plus populaire, au choix. Un sélection par rubrique est également possible.

L'Autoplay fait son apparition dans les options du module. L'autoplay permet de lancer automatiquement la lecture de la vidéo lorsque l'on accède à la home.

Les autres options classiques de paramétrage du module sont également disponibles :
- titre de la vidéo
- infos realtives à la vidéo (auteur, date, heure). Les tokens vous permettent de définir votre propre mise en page
- commentaires
- boutons du player (exporter, partager, s'inscrire, playlist)

Je sens que ce module va en satisfaire plus d'un :)

Vous allez dire qu'il n'y a pas de fumée sans feu (nouveau player video, capacités d'hébergement incroyables, ...) et bien oui, certains l'avaient deviné, ces nouveautés annonçaient l'arrivée de la HD dans votre CMS préféré !

Utilisateurs d'une offre Portail (Xpert et Pro), vous allez pouvoir proposer des vidéos en Haute Définition à vos visiteurs.

Le gain qualitatif des vidéos en HD est indéniable. Il suffit de regarder l'illustration de la note pour s'en convaincre.

Voici comment faire pour obtenir un tel résultat :

1 - Activer la HD
Tout d'abord, il faut bien sûr activer l'encodage HD dans son back office. Cela s'effectue dans ADMINISTRATION > Paramètres > Vidéo > Encodage

2 - Envoyer une vidéo source de bonne qualité
Cela semble évident, mais il convient tout de même d'en parler. La résolution d'une vidéo HD sur WMaker est de 1280x720 (720p). Aussi, si votre vidéo source possèdent un format inférieur à ce dernier, elle ne sera pas encodée en HD.

Si ces 2 conditions sont respectées, les vidéos seront encodées en HD. Vous pouvez même choisir de recevoir un email de notification indiquant que l'encodage est terminé.

 Pour ces vidéos, coté front office, un bouton "HD" s'affichera dans le player. Il permet de sélectionner la qualité de la vidéo à visionner.

Ca bouge du coté du player vidéo. Une nouvelle version a été mise en ligne il y a quelques minutes.

Avant de détailler quelles sont les modifications, je vous laisse consulter par vous-même les nouveautés dans cette vidéo. Il s'agit d'une interview des fondateurs de la société DuoApps, spécialisée dans le développement d'application pour iPhone. Francescu et Dumè nous livrent ici quelques infos sur SEO Check, leur dernière application. Merci à Key-Prod pour la captation et le montage. (installer SEO Check )

La barre de progression est désormais à l'intérieur du player. Elle disparait après quelques secondes de lecture et réapparait au survol de la souris.

Le nombre de boutons d'actions a été réduit mais pas le nombre des fonctionnalités !!

Le bouton partager permet de copier l'URL de la vidéo ou de l'envoyer par email à un ami.
Le bouton s'inscrire permet de s'abonner au flux RSS des vidéos du site ou au videocast dans iTunes.

Vous pouvez choisir d'afficher chaque bouton individuellement, à partir du menu ADMINISTRATION > Paramètres > Vidéo

A la fin de la vidéo, la playlist s'affiche uniquement si l'utilisateur survole le player avec la souris.

L'équipe WMaker progresse à grand pas sur la réalisation d'une nouvelle offre 100% Web TV. Aujourd'hui, en avant première du lancement de l'offre Web TV, nous mettons en ligne le chapitrage des vidéos.

Le chapitrage des vidéos est une fonctionnalité très utile. Elle permet de découper votre vidéo en plusieurs chapitres, et permettre ainsi aux internautes d'accéder directement au passage qui les intéresse dans la vidéo.

Cette nouvelle fonctionnalité est toujours en béta. Elle n'est disponible que pour les abonnés à Portail Pro.

Inutile de passez des heures à effectuer un pré-traitement de vos vidéos avant de les uploader sur WMaker. Le principe est très simple. Vous uploadez et à partir d'une interface graphique, intuitive et fluide, vous positionnez des chapitres dans la vidéo.

Lors de l'upload de la vidéo, nous sommes en mesure de vous donner des informations sur la progression de l'encodage. Plus l'encodage avance et plus la vignette de la vidéo devient visible. Ce sympathique retour visuel provient de l'utilisation d'un nouvel encodeur vidéo. Le chapitrage n'est possible qu'en utilisant ce nouvel encodeur, dont je détaillerai les avantages dans une prochaine note.

Une fois la vidéo uploadée et encodée, un lien vous permet de vous rendre dans l'interface de chapitrage.

Utilisez le gros curseur de la barre de progression du player pour vous déplacer dans votre vidéo. Lors de l'encodage, nous capturons 5 images par secondes. Ainsi, vous pouvez identifier facilement les moments clés de la vidéo, ceux qui peuvent constituer un chapitre.

Relachez le curseur. Vous pouvez alors saisir directement dans le player le titre du chapitre et la description.

Pour éditer un chapitre, il suffit de cliquer sur la vignette correspondante et de procéder aux modifications.

Coté front, sous le player vidéo, l'utilisateur visualise les vignettes, le titre et les méta informations associés aux chapitres (numéro de chapitre, début et fin).

Au passage de la souris sur la vignette, la description du chapitre s'affiche. Un clic sur la vignette lance la vidéo au début du chapitre.

Pour vous en rendre compte par vous-même, vous pouvez regarder la vidéo chapitrée de l'intervention à DC19

WMaker génère automatiquement un sitemap vidéo. Vous pouvez le soumettre aux moteurs de recherche.

Nous avons voulu également exploiter le contenu du titre et de la description des chapitres. Pour cela, notez que les chapitres ne s'affichent pas dans le player (flash). Ils sont sous le player, dans la page article. Ceci permet l'indexation du contenu des chapitres et des descriptions par les moteurs de recherche. En effet, ce choix de disposition des informations permet aux robots de voir le contenu.

Une astuce de plus pour optimiser le référencement de votre contenu vidéo dans les moteurs de recherche.

En fonction de votre offre, voici les nouvelles limites :

- Portail Pro: 500 Mo
- Portail Xpert : 500 Mo
- Blog Pro : 150 Mo
- Blog + : 150 Mo

Ces limites s'entendent pour les vidéos mais plus généralement pour tous les fichiers du webservice téléchargement.

Nous tournons la page vidéo .... mais pas pour longtemps. Nous avons prévu de travailler maintenant coté serveur et encodage.  En avant pour la HD !