Comment intégrer un lecteur audio youtube

<

Contenu

article data-type="article">
Peaufiner le code embed permet à vos visiteurs se concentrer sur la musique.

En ajustant légèrement le code que vous utilisez habituellement pour intégrer une vidéo YouTube dans une page Web, vous pouvez modifier la vidéo dans un lecteur audio. L`astuce consiste à réduire la hauteur de la vidéo à 25 pixels, ce qui laisse place à la barre de jeu, mais élimine la vidéo de la vue. Si vous mettez le lecteur audio dans une page HTML, vous devez utiliser l`habituel "

" codes et faire quelques modifications pour obtenir la hauteur dont vous avez besoin. Pour toute personne utilisant un blog, comme WordPress ou Tumblr, le processus est beaucoup plus facile.

Lecteurs audio pour HTML

  • Localisez votre fichier HTML sur votre ordinateur et ouvrez-le avec votre application de conception Web préférée ou une application d`édition de texte brut comme le Bloc-notes. Si vous ne disposez pas d`une copie sur votre ordinateur déjà, ouvrez votre page Web en utilisant votre navigateur, à droite, cliquez sur la page et sélectionnez "Voir la source." presse "Ctrl-A" pour sélectionner tous, alors "Ctrl-C" pour le copier. Vous pouvez ensuite le coller dans un fichier TXT vide et l`enregistrer au format TXT, changeant l`extension de ".SMS" à ".html."

  • Aller à la vidéo YouTube que vous souhaitez utiliser. Clique le "Partager" lien sous la vidéo puis cliquez sur "Intégrer." Clique le "Taille de la vidéo" menu et sélectionnez la largeur que vous voulez le lecteur audio YouTube soit. La largeur de la première dimension. Si vous sélectionnez "560 x 315" par exemple, la largeur sera de 560 pixels de large.

  • Placez le curseur où vous voulez que le lecteur audio intégré apparaisse sur votre page Web et appuyez sur "Entrer" pour créer une nouvelle ligne. Copiez et collez la ligne de code suivante dans la ligne blanche puis remplacer la largeur "XXX" dimension à la dimension que vous avez sélectionné sur la vidéo YouTube:

  • Coller la ligne de code suivante dans une nouvelle ligne après la dernière ligne que vous avez collé:

  • Soustraire 25 de la hauteur de la taille de la vidéo YouTube que vous avez sélectionné. Remplace le "XXX" dans la dernière ligne de code avec ce numéro. Dans cet exemple, la hauteur est 315px, donc cela deviendrait 291px.




  • Copiez et collez le code suivant dans un nouveau troisième ligne, en remplaçant la "XXX" avec la largeur de votre vidéo YouTube et le "YYY" avec sa hauteur:

  • Collez cette ligne de code dans une quatrième ligne de votre fichier HTML:

    src ="https://youtube.com/embed/XXXX?rel=0"-gt;

  • Remplace le "XXXX" dans votre ligne de code avec votre ID vidéo. Ceci est une série de lettres et de chiffres à la fin de la vidéo dans la barre d`adresse du navigateur suivant "watch? v =." Mettez en surbrillance les lettres et les chiffres après la "=" et copiez-le en appuyant sur "Ctrl-C." Mettez en surbrillance le "XXXX" dans la quatrième ligne de code que vous venez de coller dans votre fichier HTML et appuyez sur "Ctrl-V" de le remplacer par l`ID de la vidéo.

  • Ajouter trois balises de fermeture dans une cinquième ligne pour finaliser le code:

  • Enregistrez votre fichier HTML sur votre PC au format texte brut avec l`extension ".html" en utilisant le nom de fichier d`origine, tels que "webpage.html." Double-cliquez sur le fichier sur le bureau pour le lancer avec votre navigateur Web. Le bouton de lecture, le temps et le lien YouTube devraient tous apparaissent - mais la vidéo ne soit pas visible.

  • Téléchargez le fichier modifié HTML à votre site Web en utilisant votre application préférée de client FTP.

Joueurs YouTube audio pour blogs

  • Recherchez la vidéo que vous souhaitez partager sur YouTube. Clique le "Partager" lien sous la vidéo et sélectionnez "Intégrer." Clique le "Taille de la vidéo" menu et choisir la largeur que vous souhaitez utiliser sur votre blog, qui est la première dimension énumérés.

  • Mettez en surbrillance le code embed et le copier dans votre presse-papiers en appuyant sur "Ctrl-C."

  • Connectez-vous à votre blog pour modifier le poste ou la page dans laquelle vous souhaitez intégrer le lecteur audio. Placez le curseur où vous voulez que le lecteur audio apparaisse et coller le code embed en appuyant sur "Ctrl-V."

  • Modifier la hauteur du lecteur intégré à "25". Par exemple, si le code lit `

Conseils Avertissements

  • Si quelqu`un l`écoute de votre clip audio veut voir la vidéo, tout ce qu`ils ont à faire est de cliquer sur le lien "YouTube" sur le côté droit de votre lecteur intégré.
  • Essayer d`intégrer un lecteur audio YouTube dans certains sites, comme Facebook, peuvent ne pas fonctionner. Dès la publication, en essayant de modifier la hauteur désactive le lien d`apparaître.
">

AUTRES

» » » » Comment intégrer un lecteur audio youtube