Cette documentation explique comment créer une fenêtre qui pointe vers notre player Vidata et comment passer à ce player les bons paramètres qui permettent de diffuser la bonne vidéo à la bonne personne.

Sommaire

Synthèse

🎈 Une Vidéo pour Chacun, Un Seul Player pour Tous 🎈 : Vous vous demandez peut-être ce qu'est un "Embed Player" ? En fait, il s'agit d'un lecteur vidéo qui s'incorpore, ou "s'embed", directement dans votre site web ou votre page de destination. En ce qui concerne Vidata, notre player est l'outil magique qui va lire les vidéos personnalisées pour chacun de vos utilisateurs.

Imaginez une seule page de destination (ou "Landing Page") où chaque visiteur reçoit une vidéo différente, spécialement adaptée à ses propres informations. Pas besoin de créer des milliers de pages, une seule suffit! 🎉

Un peu comme une télévision qui diffuserait un programme différent pour chaque spectateur, en fonction de ses préférences et de ses informations personnelles. Plutôt cool, n'est-ce pas? 📺✨

https://media.giphy.com/media/IcT5iBxWIJzMtc364j/giphy.gif

Mais comment cela fonctionne-t-il ? C'est grâce à un petit bout de code, appelé "iframe". L'iframe est un élément HTML qui permet d'intégrer une autre page HTML dans votre page web. Dans notre cas, il va intégrer le player Vidata dans votre page. Rassurez-vous, c'est très simple à mettre en place pour votre équipe technique ! 🛠️👩‍💻

📝 Configuration et Mise en Place du Player Vidata 🧩

Pour pouvoir diffuser une vidéo personnalisée, le player Vidata doit être intégré sur une page de destination.

<aside> 💡 Qu’est ce qu’un player ? Dans ce contexte, un "player" se réfère à un lecteur vidéo, similaire à ceux que vous pouvez voir sur des plateformes comme YouTube ou Vimeo. Un lecteur vidéo permet de lire une vidéo sur une page web. Il propose généralement des contrôles de lecture standard, tels que le bouton "play" et "pause", la barre de progression, le réglage du volume, et parfois d'autres fonctionnalités comme le réglage de la qualité de la vidéo, le mode plein écran, etc.

Dans le cas spécifique de Vidata, le "player" ou lecteur vidéo est intégré (ou "embed") dans la page web du client. Il est conçu pour lire des vidéos personnalisées en fonction des paramètres définis par l'URL ou d'autres méthodes, ce qui permet d'offrir une expérience personnalisée à chaque utilisateur.

</aside>

Pour ce faire, vous allez insérer un script dans la page web où vous voulez charger le player Vidata.

<aside> 💡 Qu’est ce qu’un script ? Un script fait référence à un morceau de code écrit en JavaScript. Ce script est conçu pour effectuer une tâche spécifique, comme le chargement du lecteur Vidata sur une page Web. Le script sera placé dans le code HTML de la page Web, généralement dans la section <head> ou juste avant la fermeture de la balise <body>.

En gros, le script donne des instructions au navigateur sur la façon de traiter et d'afficher certains éléments sur la page Web, dans ce cas, comment charger et afficher le lecteur vidéo Vidata.

</aside>

Voici le script à insérer dans la page web où vous voulez charger le player Vidata👇

<script type="text/javascript"> (function(){ var config = { targetElId:'video-container', vidataIdSource: { querystring: 'id'} }; var t = document.createElement("script"); t.type="text/javascript", t.async=false, t.src='<https://player.vidata.io/scripts/vidata-player.js>', t.onload=t.onreadystatechange=function(){ var t = this.readyState; if(!t||"complete"==t||"loaded"==t) try{ VidataPlayer.Setup(config);} catch(t){} }; var e = document.getElementsByTagName("script")[0]; e.parentNode.insertBefore(t,e)})(); </script>

N’oubliez pas de personnaliser ces paramètres de configuration pour qu'ils correspondent aux spécificités de votre site web et à vos objectifs en termes de diffusion de vidéos. En d’autres termes n’oubliez pas de personnaliser le fonctionnement du player sur votre site web. Cela pourrait inclure des choses comme le dimensionnement du player, la vidéo à charger, l'ajout de sous-titres, etc. Par exemple, vous pouvez souhaiter que le player vidéo ait une largeur spécifique sur votre site, ou que la vidéo démarre automatiquement lorsque la page se charge.