Découvrez les bons plans & les réductions Alpa14

Presto Player, le meilleur lecteur vidéo pour WordPress

Alpa14 les tutoriels faciles !

Catégories

Vidéo utilisant le lecteur vidéo Presto Player

Presto Player le lecteur vidéo WordPress qui change la donne !

Dans cette vidéo revue / tutoriel, je vous présente Presto Player, le meilleur lecteur vidéo pour WordPress. Vous utilisez des vidéos sur votre site WordPress et vous êtes frustré par les autres lecteurs vidéo qui existent, car ils rendent difficile la gestion et la lecture des vidéos ?
Pas de problème, Presto Player est là et ce nouvel outil va changer la donne ! Ce lecteur vidéo pour WordPress est facile à utiliser et s’intégrera parfaitement à votre site Web WordPress.
Que vous soyez marketeur, créateur de cours, blogueur ou que vous utilisiez tout simplement des vidéos sur votre site, Presto Player est le plugin à avoir. Dans cette vidéo, je passe en revue toutes ses fonctionnalités et vous allez comprendre pourquoi vous devriez utiliser ce lecteur vidéo WordPress. De plus en utilisant Presto Player, vous ferez des économies significatives par rapport aux services traditionnels tels que Vimeo, Wistia, ou VooPlayer qui ne sont même pas intégrés à WordPress.
Presto Player, c’est beau, c’est puissant et aucun autre lecteur vidéo du marché ne s’approche de l’ensemble de ses caractéristiques !

Presto Player lecteur vidéo WordPress
.

Démarrer avec Presto Player

Presto Player est donc un plugin WordPress et dispose de 2 versions :
Une version gratuite mais limitée et une version Pro avec toutes les options.
Presto Player s’installe comme n’importe quel plugin WordPress via le menu de gauche : Extensions > puis Ajouter.
Dans rechercher vous tapez Presto Player, et à gauche l’extension apparait et vous pouvez l’installer. Si vous achetez une version Pro de Presto Player avec toutes les options, il faudra l’acheter via le site de presto Player ici.
Vous pourrez ensuite la télécharger via ce site, ce sera un fichier .zip que vous pourrez installer en l’appelant en haut en cliquant sur le bouton téléverser une extension.

Presto Player lecteur vidéo WordPress
Licence Divi
Code Promo Divi Supreme

Une fois Presto Player installé, vous découvrirez une première rubrique (dans le menu de gauche sous Presto Player) Media Hub. Un peu à la manière de la rubrique « Pages » de mon site WordPress ou de rubrique « Articles », il ‘agit d’un endroit qui va regrouper toutes les vidéo du site créés et affichées avec Presto Player.

Ici, il est possible d’ajouter une nouvelle vidéo.
4 choix sont possibles :
– Soit c’est une vidéo que vous hébergé vous-même sur votre serveur. Cette solution si vous êtes en hébergement mutualisé est à oublier car très gourmande en bande passante. Elle peut être envisagée si vous avez un hébergement plus costaud de type VPS ou serveur dédiée.
– Sinon vous pouvez choisir des vidéos en provenance de YouTube de Viméo ou de Bunny.net.
Bunny.net est moins connu comme service mais c’est une plateforme performante qui permet d’héberger vos vidéos à un prix très compétitif et bien moins cher que Viméo par exemple.

Choix vidéos Presto Player

Principales fonctions de Presto Player évoquées dans la vidéo

 

1- Media Hub > Chapters

Dans la marge de droite, la première option très pratique qui apparait en haut de cette marge est c’est l’option « Chapters » (Chapitres). Cette option va vous permettre de chapitrer rapidement votre vidéo afin que les internautes puissent naviguer facilement dans votre contenu. Cette fonction peut être très intéressante pour les créateurs de cours ainsi les étudiants pourront revenir facilement sur certaines notions enseignées.
C’est très simple dans la colonne de gauche c’est le timing et à droite c’est l’intitulé du chapitre. Il suffit à chaque fois de cliquer sur le [+] pour ajouter un nouveau chapitre.
Lorsque le chapitrage de votre vidéo sera terminé et lorsque votre vidéo sera insérée dans votre page, vous verrez apparaître sur la ligne de temps au bas de la vidéo, une série de petits cercles marquant les différents chapitres. En cliquant sur chaque petit cercle, vous pourrez passer d’un chapitre à l’autre. En bout de la ligne de temps, il y a également une icône (avec 3 petits traits). En cliquant dessus, un menu déroulant apparaît vous montrant l’ensemble des chapitres paramétrés. On peut également naviguer entre les chapitre par ce moyen.

A noter que cette option « Chapitres » est disponible uniquement dans la version Pro de Presto Player.

Presto Player lecteur vidéo WordPress
Semrush le meilleur outil SEO
Chapitrage vidéo
Chapitres Presto Player

2- Media Hub > Muted Autoplay Preview

Toujours dans la marge de droite, vous trouverez « Muted Autoplay Preview (aperçu silencieux de la vidéo) est vraiment une super option très engageante pour votre audience. Cet aperçu va vraiment inciter le visiteur de votre site à cliquer sur la vidéo pour en savoir davantage.

3- Media Hub > Muted Preview Overlay

En dessous vous avez, « Muted Autoplay Preview » (aperçu silencieux de superposition). Cette option va renforcer l’effet d’engagement de la fonction précédente. En effet, vous allez pouvoir placer une image de superposition par dessus cet aperçu silencieux. Vous pouvez télécharger une image PNG (à fond transparent) que vous aurez au préalablement préparée dans le logiciel de votre choix. Ce peut être un texte d’appel à l’action comme vous le voyez sur l’image exemple ici où j’ai écrit « Cliquez pour jouer » ou tout autre texte.
Vous pourrez ensuite facilement positionner cette image sur la vidéo en cliquant sur le petit cercle et en le déplaçant ou modifier la taille de l’image en bougeant sur la tirette « Max Width (%) ».

A noter que ces 2 options « Muted Autoplay Preview » et « Muted Autoplay Preview » sont disponibles uniquement dans la version Pro de Presto Player.

Presto Player lecteur vidéo WordPress
Licence Divi
Code Promo Divi Supreme
MailerLite free-trial
réglages vidéo Presto Player
Presto Player image overlay

P 4- Media Hub > Vidéo Preset

Toujours dans la marge de droite, vous trouverez l’option « Vidéo Preset », ce sont différents préréglages applicables à votre vidéo liés à son apparence mais aussi liés à certaines options plus poussées.
Nous avons ici l’apparence par défaut, l’apparence cours, la simple, la minimale, et le préréglage optimisé pour Youtube. Ces quelques préréglages sont accessibles dans la version gratuite de Presto Player mais ils sont fixes et non éditables. Pour appliquer l’ensemble des réglages compris dans un « Preset » à votre vidéo, il suffit de cliquer dessus.
Mais ce qui fait la puissance de cette option Preset c’est que vous allez pouvoir créer votre Préréglage personnalisé vous donnant accès à des réglages très fins de votre vidéo ainsi qu’à des options vraiment très cool.

Presto Player lecteur vidéo WordPress
Thinkific un mois gratuit
Préréglage vidéo

Pour ajouter votre Preset (Préréglage) personnalisé, cliquez sur le bouton « Add New Preset » (Ajouter un nouveau préréglage). Vous allez pouvoir apporter des réglages appartenant à différentes catégories : Controls (Contrôle), Behavior (Comportement), Style (Aspect esthétique), Email Capture (Capture d’emails), Action bar (Barre d’action).
Dans la vidéo, je passe en revue l’ensemble des fonctions du Preset personnalisé mais dans cet article, je n’aborderai que les points, les plus remarquables

A noter, cette option de préréglage personnalisé n’est disponible que dans la version Pro de Presto Player.

Edition du préréglage

 5- Media Hub > Vidéo Preset (personnalisé) > Behavior > Save Play position

Save Play position (sauvegarde de la position de lecture). Cette option est vraiment intéressante, elle va mémoriser l’endroit de l’arrêt de lecture de l’utilisateur et s’il revient sur la page plus tard, l’utilisateur pourra reprendre la lecture de la vidéo où il en était. C’est vraiment très pratique et apprécié par les visiteurs.

6- Media Hub > Vidéo Preset (personnalisé) > Behavior > Sticky on Scroll

Sticky On Scroll (Collé durant le défilement de la page), est une option sympa et intéressante. Quand vous faites défiler votre page, et que votre vidéo est activée et en lecture. Si vous dépassez la vidéo, cette dernière va aller se positionner à un endroit de la page pour être toujours visible lors du défilement.

On voit sur l’image, les différents endroits de la page où la vidéo peut se positionner. Pour en choisir un, il suffit de cliquer sur le point souhaité. Vous pouvez faire le test avec avec le tutoriel vidéo ci-dessus, l’option est activée. Lancez la lecture et faites défiler votre page.

Option Sticky on scroll
Presto Player lecteur vidéo WordPress

7– Media Hub > Vidéo Preset (personnalisé) > Email Capture

L’option « Email capture «  Capture d’emails est une fonction super intéressante et originale pour un lecteur vidéo. Cette option va vous permettre d’enrichir votre « Mailing list » en récupérant des adresses email. En activant cette fonction, un écran va se superposer à la vidéo invitant le visiteur à laisser son email.
Vous pouvez choisir ici de faire apparaitre cet écran à un certain moment de la vidéo en bougeant la tirette.
Vous pouvez activer la fonction « Skip » Sauter, qui va permettre au visiteur de sauter cette demande.
Dans « Headline », vous pouvez écrire le texte souhaité par exemple : « Abonnez-vous à la newsletter ».
Vous pouvez connecter ce formulaire à une plateforme d’email marketing. Vous avez actuellement le choix entre Acticampaign, FluentCRM, Mailchimp, Mailerlite. Sinon il sera possible de récupérer manuellement les adresses email en fichier CSV pour importer ensuite ce fichier à partir de votre plateforme d’email marketing.

Option Capture d'emails Presto Player
MalerLite

8– Media Hub > Vidéo Preset (personnalisé) > Action Bar

Une autre option vraiment engageante et très utile pour un lecteur vidéo, c’est la fonction « Action Bar » Barre d’action.
En activant cette option, vous allez pouvoir décider de faire apparaitre sous la vidéo au moment où vous le souhaitez, une barre d’appel à l’action incitant l’internaute à cliquer pour exécuter une action.
Il est possible de la faire apparaitre au moment où l’on veut dans la vidéo en bougeant la tirette de l’option « Dispaly at » Faire apparaitre à.
Vous pouvez modifier le texte de la barre dans l’encadré « Text ».
En dessous dans « Action bar background » (fond de barre d’action), vous pouvez modifier la couleur de fond de la barre.
Pour le bouton de la barre, il y a trois options, on peut choisir « None » Aucun, ou « Custom » Personnalisé. Il est possible alors changer le texte du bouton dans « Button text »
Il est possible de lier ce bouton à l’URL de son choix ou sinon il est possible de choisir le bouton « YouTube Suscribe » (Abonnement YouTube)
Si vous choisissez cette option, ici il faudra entrer le code ID de votre chaîne pour que le bouton YouTube de Presto Player puisse se connecter avec votre chaîne YouTube.

Cette option de barre d’action n’est pas commune pour un lecteur et contribue à l’originalité et à l’efficacité de Presto Player.

Option barre d'action Presto Player
Barre d'action - Presto Player
Presto Player lecteur vidéo WordPress
Thinkific one month free

Performance et optimisation du lecteur

Deux options intéressantes permettent d’améliorer le temps de chargement de votre page où une vidéo est insérée avec le lecteur Presto Player par rapport à un lecteur WordPress classique.

A- L’option « Lazy Load Videos »

Une insertion de vidéo YouTube est assez pénalisant pour le temps de téléchargement de votre page. En activant l’option « Lazy Load Videos » de Presto Player cela améliore les performances de chargement des pages en ne chargeant la vidéo que lorsque l’on clique dessus.
L’option « Lazy Load Videos » est accessible lors de la création d’un Preset personnalisé dans la partie « Behavior ».

B- L’option « Dynamically Load JavaScript »

Cette option permet de charger dynamiquement les modules JavaScript sur la page, ce qui peut réduire considérablement la taille du JavaScript et améliorer les performances.

L’option « Dynamically Load JavaScript » est accessible dans le menu de gauche WordPress, dans Presto Player > Settings > Performance

Option Lazy load
L'option Dynamically Load JavaScript
Presto Player lecteur vidéo WordPress

Vimeo VS Bunny.net

En début d’article, je vous disais que le lecteur Presto Player acceptait des vidéos de Divers sources, une vidéo hébergée chez votre hébergeur à condition d’avoir des ressources nécessaires, une vidéo  Youtube, ou de Vimeo ou de Bunny.net

Si vous êtes un créateur de cours, de formation. Vous avez besoin de protéger votre contenu et YouTube n’offre pas les paramètres de réglages suffisants pour cela.
Il vous reste alors Vimeo et Bunny.net qui en revanche eux le permettent. Ensuite entre ces 2 services, il faut regarder les tarifs et c’est là qu’on s’aperçoit qu’en regardant attentivement, les tarifs de Bunny.net sont vraiment très bon marché et bien moins chers que ceux de Vimeo.
Chez Bunny.net vous allez payer seulement ce que vous consommez et à des prix défiant toute concurrence à partir de 0,01$le GB. Alors que chez Vimeo vous payez une somme fixe que vous consommiez ou pas avec un premier forfait annuel à 72€ pour 250 GB.
Quand vous savez que chez Bunny.net le GB est à partir de 0,01$ !
Alors Faites le calcul, vous verrez que Bunny.net est vraiment très très bon marché pour des performances excellentes.

Tarifs Bunny.net
Prix Vimeo
Presto Player lecteur vidéo WordPress

Insérer une vidéo Presto Player dans votre site

Presto Player est compatible avec la plupart des « Page Builders » comme Gutenberg (le constructeur par défaut de WordPress), d’Elementor, de Beaverbuilder, Divi ou d’autres. Il est également compatible avec la plupart des plugin LMS de WordPress comme LearnDash ou Tutor LMS qui sont des outils dédiés à la création de cours et de formations.

Compatibilité Presto player

Avec Guthenberg (le constructeur de pages par défaut de WordPress), vous créez simplement une page.

Deux possibilités :
– Soit vous avez déjà déclaré et la paramétré votre vidéo dans Presto Player > Media Hub. Il vous suffit alors de cliquer sur le « P » de Presto Player (en haut à droite de votre page), pour que votre vidéo préparée dans Presto Player > Media Hub apparaisse. Cliquez dessus et elle sera insérée dans un bloc.

 

Appeler vidéo Prest Player dans Gutenberg
Presto Player lecteur vidéo WordPress

-Soit vous configurez directement votre vidéo Presto Player dans votre page en choisissant le Module Presto Player voulu (type de vidéo)  

Module  Presto Player WordPress Gutenberg

Pour insérer une vidéo Presto Player dans votre site WordPress Divi par exemple, il faudra comme nous l’avons vu d’abord la déclarer et la paramétrer dans Presto Player > Media Hub. Ensuite, dans la page d’accueil du Media Hub récupérez le ShortCode (Code raccourci) et allez le coller dans un module texte ou code de Divi et votre vidéo Presto Player apparaîtra. C’est aussi simple que ça !

ShortCode Presto Player
Licence Divi

Vous serez peut-être intéressé par les articles suivants :