Comment intégrer l'audio d'une vidéo YouTube
Intégrer une vidéo YouTube est une procédure relativement simple. Les options de partage situées sous chaque vidéo fournissent le code HTML nécessaire pour l'inclure sur votre site web. Bien que YouTube offre diverses méthodes de partage, toutes permettent la diffusion de la vidéo. Cela est logique, étant donné que YouTube est avant tout une plateforme d'hébergement de vidéos. Cependant, une part importante du contenu disponible sur YouTube est principalement audio. De nombreuses vidéos sont en réalité des fichiers audio accompagnés d'images sans relation directe avec la partie "vidéo". Malheureusement, YouTube ne permet pas le partage ou l'intégration exclusive de l'audio d'une vidéo. La vidéo est toujours incluse. Si vous êtes prêt à dépasser les options de partage et d'intégration officielles de YouTube, il existe une méthode simple pour intégrer uniquement l'audio d'une vidéo. Cette solution nous vient d'Amit Agarwal sous la forme d'un extrait de code modifiable, s'appuyant sur l'API Javascript YouTube qu'il a rendue disponible sur Github. Voici comment cela fonctionne.
Comment intégrer l'audio d'une vidéo YouTube
Première étape: Identifiez la vidéo dont vous souhaitez intégrer l'audio. Notez l'identifiant de la vidéo. Cet identifiant se trouve dans l'URL de la vidéo, après la section 'v=' et est mis en évidence dans la capture d'écran ci-dessous.
Deuxième étape: Ajoutez l'extrait suivant au code HTML de votre site web, en remplaçant "VIDEO_ID" par l'identifiant de la vidéo que vous avez copié précédemment.
<div data-video="VIDEO_ID"
data-autoplay="0"
data-loop="1"
id="youtube-audio">
</div>
<script src="https://www.youtube.com/iframe_api"></script>
<script src="https://cdn.rawgit.com/labnol/files/master/yt.js"></script>
Voici un aperçu du résultat attendu.
L'audio ne démarrera pas automatiquement. Il faudra cliquer sur le bouton de lecture pour l'activer. Toutefois, vous pouvez configurer la lecture automatique et la mise en boucle en modifiant légèrement le code. Pour la lecture automatique, attribuez la valeur 1 à "data-autoplay". Pour la lecture en boucle, attribuez la valeur 1 à "data-loop". Si vous envisagez d'utiliser ce code sur votre propre site web et que vous prévoyez un trafic important, il est recommandé d'héberger le script sur votre propre serveur. Vous pouvez obtenir le script via le lien ci-dessous.
Mis à jour: 8 décembre 2020 à 4h30