Grâce à un lecteur intégré, votre public peut lire un clip ou une playlist de votre podcast directement sur votre site Web. Cela vous offre plus de flexibilité quant à votre contenu :
Fidéliser votre public à vos propres sites Web, au lieu de le rediriger vers des plateformes tierces.
Insérer des annonces avec TAP pour toujours maîtriser la monétisation.
Consulter des informations détaillées grâce aux analyses de consommation d'Omny Studio.
Personnaliser l'apparence et les fonctionnalités du lecteur.
Voir également :
Ajouter un lecteur à une publication sur les réseaux sociaux
Cet article vous présente l'ajout d'un lecteur intégré à une page Web ou à un article de blog. Pour en savoir plus sur l'ajout d’un lecteur à une publication sur les réseaux sociaux, consultez la section Publier sur les réseaux sociaux.
Ajouter un lecteur à un blog ou à une plateforme Web
Insérer un lecteur intégré pour un clip dans un article sur la plateforme qui héberge votre blog et votre contenu web est très simple. Pour en savoir plus, consultez la section Intégrer un lecteur de podcast dans Wordpress et la section Intégrer un lecteur de podcast dans Squarespace.
Dans Omny Studio, recherchez le clip à intégrer.
Dans l'onglet Détails du clip, copiez l'URL du lecteur Web dans le presse-papiers.
Dans l'outil de modification d'articles de votre plateforme de contenu, insérez un élément « embed ». Ensuite, collez le contenu du presse-papiers.
Intégrer un lecteur au format HTML
Vous pouvez intégrer directement le lecteur d'un clip ou d'une playlist dans le code HTML.
Dans Omny Studio, recherchez le clip ou la playlist à intégrer.
Dans Détails, sélectionnez l'onglet Intégrer.
Choisissez le lecteur intégré à utiliser.. Consultez la section Choisir un lecteur intégré.
En option : personnalisez l'apparence de votre lecteur.
Faites défiler vers le bas jusqu'au code iFrame. Ensuite, copiez son contenu dans le presse-papiers.
Dans votre outil de modification HTML, collez le code HTML du lecteur intégré.
Choisir un lecteur intégré
Omny Studio vous propose ces lecteurs intégrés pour vos contenus audio et vidéo.
Type d'intégration | Description |
|---|---|
Lecteur de contenu (large) | Diffuse l'audio et la piste audio de la vidéo. S'adapte à la largeur de l'élément HTML qui le contient. L'arrière-plan affiche l'illustration du contenu. |
Lecteur de couleur (large) | Diffuse l'audio et la piste audio de la vidéo. S'adapte à la largeur de l'élément HTML qui le contient. L'arrière-plan est de couleur unie. |
Lecteur (large) | Diffuse l'audio et la piste audio de la vidéo. Taille fixe. L'arrière-plan affiche l'illustration du contenu. |
Lecteur de transcription | Lit l'audio et la piste audio de la vidéo, ainsi qu'une transcription qui défile automatiquement. Cette option n'est disponible que pour le contenu qui dispose d'une transcription. S'adapte à la largeur de l'élément HTML qui le contient. L'arrière-plan affiche l'illustration du contenu. |
Lecteur vidéo | Pour les clips vidéo et les listes de lecture qui contiennent des clips vidéo. Taille fixe. |
Lecteur vidéo avec transcription | Pour les clips vidéo et les listes de lecture qui contiennent des clips vidéo. Comprend une transcription qui défile automatiquement. Cette option n'est disponible que pour le contenu qui dispose d'une transcription. Taille fixe. |
Personnaliser l'aspect du lecteur intégré
Vous avez la possibilité de personnaliser le contenu affiché dans un lecteur intégré. Vous pouvez personnaliser les lecteurs intégrés de manière individuelle, ou bien définir des valeurs par défaut pour toute une organisation, un réseau ou un programme. Pour en savoir plus, consultez la section Héritage des paramètres dans Omny Studio.
.png?sv=2026-02-06&spr=https&st=2026-07-25T23%3A04%3A27Z&se=2026-07-25T23%3A18%3A27Z&sr=c&sp=r&sig=bJ7XnSkb9Q5KLp3mYvGnKbjAAgUlu9aQwgu5Yjq0ZjA%3D)
Personnaliser l'aspect des lecteurs de clips intégrés
Afficher l'illustration : permet d'afficher ou de masquer l'illustration du fichier en cours de lecture.
Afficher le partage : permet d'afficher ou de masquer le bouton de partage. Dans le lecteur intégré, la sélection du bouton de partage permet d'afficher le bouton de téléchargement facultatif, ainsi que les éléments sélectionnés dans l'onglet Web et réseaux sociaux.
Afficher le téléchargement : permet d'afficher ou de masquer le bouton de téléchargement dans l'écran de partage.
Afficher la description : permet d'afficher ou de masquer le bouton d'informations et la description du fichier en cours de lecture.
Afficher le suivi du podcast : permet d'afficher ou de masquer le bouton de suivi.
Couleurs personnalisées : permet de remplacer les couleurs par défaut du lecteur intégré en ce qui concerne les surbrillances, le premier plan et l'arrière-plan.
Personnaliser l'aspect des lecteurs intégrés de liste de lecture
Afficher l'illustration du fichier dans la liste de lecture : permet d'afficher ou de masquer l'illustration de chaque fichier dans une liste de lecture.
Afficher la liste de lecture, le bouton de partage et de suivi : permet d'afficher ou de masquer le bouton « Suivre le podcast ».
Personnalisation avancée du lecteur intégré
En outre, vous pouvez ajouter des fonctionnalités à votre lecteur intégré en modifiant son code HTML.
Personnaliser les dimensions
Vous avez la possibilité de personnaliser les dimensions horizontales et verticales du lecteur intégré sur la page Web. Pour ce faire, modifiez les attributs width et height de l'élément iframe du lecteur intégré dans le HTML. N'oubliez pas : certaines dimensions peuvent ne pas être adaptées au type de lecteur intégré que vous choisissez.
Personnaliser le comportement à l'aide de paramètres de requête
Vous avez la possibilité de personnaliser le comportement du lecteur intégré grâce à des paramètres de requête, que vous pouvez ajouter à l'URL dans l'attribut src du code HTML du lecteur intégré.
Par exemple, l'attribut par défaut src pourrait ressembler à ceci :
src="https://omny.example/shows/show-slug/clip-slug/embed"Pour préciser que la lecture instantanée doit commencer à 1 minutes et 5 secondes, vous devez ajouter un point d'interrogation ? et un paramètre de requête t=1m05s:
src="https://omny.example/shows/show-slug/clip-slug/embed?t=1m05s"Vous pouvez ajouter plusieurs paramètres de requête après le point d'interrogation. Pour ce faire, combinez-les avec des esperluettes (&). Par exemple, cela place l'intégration à 1 minutes et 5 secondes, avec la lecture automatique activée :
src="https://omny.example/shows/show-slug/clip-slug/embed?t=1m05s&autoplay=1"Paramètres de requête pour les lecteurs de clips et de listes de lecture intégrés
Option | Description |
|---|---|
Lancer la lecture à partir de |
Démarre la lecture instantanée à un moment précis du clip. Le format de l’heure est le suivant : Exemples : |
Lecture automatique |
Lance automatiquement la lecture instantanée lorsque le navigateur charge la page Web. Veuillez noter que la plupart des navigateurs de bureau et mobiles limitent les capacités de la lecture automatique. Pour en savoir plus, consultez les règles de lecture automatique dans Chrome, la section Autoriser ou bloquer la lecture automatique de médias dans Firefox ou Arrêter la lecture automatique des vidéos dans Safari sur Mac. |
Utiliser toujours une langue spécifique |
Remplacez Ceci permet de remplacer la langue par défaut du navigateur ou du système d'exploitation. Langues prises en charge :
|
Paramètres de requête pour les lecteurs de liste de lecture intégrés
Option | Description |
|---|---|
Présélectionner un clip dans la liste de lecture |
Remplacez |
Masquer la liste de lecture dans la liste de lecture intégrée |
Fonctionne comme un lecteur intégré à mise à jour automatique. En outre, vous devez modifier l'attribut |
Limiter le nombre de clips dans la liste de lecture intégrée |
Remplacez Exemple : |
Personnaliser par programmation
Avec Javascript, vous avez la possibilité de contrôler le lecteur intégré par programmation. Pour en savoir plus, consultez la section Contrôler le lecteur intégré avec des API Player.js.