Comment transformer un lecteur youtube en lecteur de format audio sur votre blog

   Voilà une façon simple pour utiliser une vidéo Youtube comme une portion audio lisible et intégrale sur votre blog, il est possible de le faire par une simple modification CSS du code: 








<div style="position:relative;width:260px;height:26px;overflow:hidden;">
  <div style="position:absolute;top:-276px;left:-5px">
    <iframe width="300" height="300" 
      src="https://www.youtube.com/embed/youtubeID?rel=0">
    </iframe>
  </div>
</div>

de la vidéo d'origine, comment arriver donc à intégrer uniquement la partie audio d'une vidéo YouTube dans un blog (ou sur n'importe quelle page web).

   Comme vous le savez la vidéo Youtube est lisible grâce au lecteur Youtube qui se trouve au dessous de la vidéo, et pour avoir seulement cette partie au dessous, vous devons faire un petit changement de ce code CSS de la vidéo entière ( Remplacer le "youtubeID" avec votre ID de la vidéo en question ).

   Vous allez ensuite jouer sur le width et le hight, ce dernier devrait être plus petit que le width et c'est fait.

   Le lecteur vidéo de Youtube a l'air d'un vrai lecteur audio spécifique, et si vous cliquez sur le logo à droite sur lecteur vous aurez la vidéo originale sur Youtube représentant cette voix déjà écoutée, personnellement je fais masquer ce logo pour que ce soit plus professionnel.

L'avantage de cette astuce est ce que vous n'avez pas besoin d'hébergeur pour garder la portion auditive.

Avez vous quelques choses à dire à propos du sujet ?

Enregistrer un commentaire