Comment intégrer un lecteur audio youtube

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 "


Sommaire

" codes et de 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

  1. Localisez votre fichier HTML sur votre ordinateur et ouvrez-le avec votre application de conception Web préféré ou une application d'édition de texte brut comme Notepad. 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 tout, puis "Ctrl-C" pour le copier. Vous pouvez ensuite le coller dans un fichier TXT vide et l'enregistrer au format TXT, changer l'extension de ".SMS" à ".html."

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

  3. Placez le curseur là 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 vide, puis remplacer la largeur "XXX" dimension à la dimension que vous avez sélectionné sur la vidéo YouTube:




  4. Collez la ligne de code suivante dans une nouvelle ligne après la dernière ligne que vous avez collé:

  5. Soustraire 25 à partir de la hauteur de la taille de la vidéo YouTube que vous avez sélectionné. Remplacez le "XXX" dans la dernière ligne de code avec ce numéro. Dans cet exemple, la hauteur est 315px, donc ce serait devenu 291px.

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

    <iframe width="560" height="315"

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

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

  8. Remplacez le "XXXX" dans votre ligne de code avec votre ID de 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 suivante "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 "Ctrl-V" de le remplacer par l'ID de la vidéo.

  9. Ajouter trois balises de fermeture dans une cinquième ligne de finaliser le code:

  10. Enregistrez votre fichier HTML à votre bureau 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 lancer avec votre navigateur Web. Le bouton de lecture, l'heure et le lien YouTube devraient semblent tous - mais la vidéo ne soit pas visible.

  11. Téléchargez le fichier édité HTML à votre site Web en utilisant votre application favorite de client FTP.

Joueurs YouTube Audio pour blogs

  1. Localisez la vidéo que vous souhaitez partager sur YouTube. Cliquez sur le "Part" lien sous la vidéo et sélectionnez "Intégrer." Cliquez sur le "Taille de la vidéo" menu et choisir la largeur que vous voulez utiliser sur votre blog, qui est la première dimension cotée.

  2. Sélectionnez le code embed et le copier dans votre presse-papiers en appuyant sur "Ctrl-C."

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

  4. Changer la hauteur de lecteur intégré à "25". Par exemple, si le code lit '<iframe width="560"," then change "560" to "25." Save or publish the change and then go to that page or post to ensure the audio player appears as you want it.

    "





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 "YouTube" lien sur le côté droit de votre lecteur intégré.
  • Essayer d'intégrer un lecteur audio YouTube dans certains sites, comme Facebook, ne peut pas travailler. Dès la publication, en essayant de modifier la hauteur désactive le lien d'apparaître.
» » » » Comment intégrer un lecteur audio youtube