Hoe Embed een YouTube-Audio-Player



Door iets tweaken de code die u normaal gebruiken zou om een YouTube-video insluiten in een webpagina, kunt u elke video in een audio-speler. De truc is om vermindering van de hoogte van de video op 25 pixels, die ruimte laat voor de play bar, maar het elimineert de video van de weergave. Als u de audio-speler in een HTML-pagina zet, die u wilt gebruiken de gebruikelijke"

"codes en een paar wijzigingen om de gewenste hoogte. Voor iedereen met behulp van een blog, zoals WordPress of Tumblr, is het proces veel gemakkelijker.

Audiospelers voor HTML

  • Zoek uw HTML-bestand op uw computer en open het met uw favoriete Web ontwerptoepassing of een toepassing zoals Kladblok voor het bewerken van tekst zonder opmaak. Als u niet al een kopie op uw computer, uw Web-pagina met behulp van uw browser te openen, met de rechtermuisknop op de pagina en selecteer "View Source". Druk op "Ctrl-A" om alle, vervolgens "Ctrl-C" om het te kopiëren te selecteren. U kunt vervolgens plakken in een lege TXT-bestand en sla het op in de TXT-indeling, wijzigen van de extensie van ".txt" voor ".html".

  • Ga naar de YouTube video die u wilt gebruiken. Klik op de link 'Delen' onder de video en klik vervolgens op 'Insluiten'. Klik op het menu "Videogrootte" en Selecteer hoe breed u de YouTube audio speler te zijn. De breedte is de eerste dimensie. Als u "560 x 315" bijvoorbeeld selecteert, zullen de breedte 560 pixels breed.

  • Plaats de cursor waar u de ingesloten audio player aan op uw webpagina weergegeven en druk op "Enter" om een nieuwe regel te maken. Kopieer en plak de volgende coderegel in de lege regel en vervolgens de Afmeting breedte "XXX" vervangen door de dimensie die u hebt geselecteerd op de YouTube-video:

  • Plak de volgende coderegel in een nieuwe regel na de laatste regel die u hebt geplakt:

  • Aftrekken 25 uit de hoogte van de video YouTube-formaat dat u hebt geselecteerd. Vervang de "XXX" in de laatste coderegel door dat nummer. In dit voorbeeld is de hoogte 315px, dus dit 291px worden zou.

  • Kopieer en plak de volgende code in een derde van de nieuwe lijn, de "XXX" vervangen door de "YYY" met zijn hoogte en breedte van de uw YouTube video's:

  • Plak deze coderegel in een vierde lijn op uw HTML-bestand:

    src = "https://www.youtube.com/embed/XXXX?rel=0";>

  • De "XXXX" in uw lijn van code te vervangen door uw video ID. Dit is een serie van letters en cijfers aan het einde van de video in de browser adresbalk volgende "watch? v =." Markeer de letters en cijfers na de "=" en kopieer het door te drukken op "Ctrl-C." Markeer de "XXXX" in de vierde regel van de code die u net hebt geplakt in uw HTML-bestand en druk op "Ctrl-V" te vervangen door de video-ID.

  • Voeg drie afsluitende tags in een vijfde lijn om de code af te handelen:

  • Sla uw HTML-bestand op uw bureaublad in tekstindeling opgeslagen met de extensie ".html" met behulp van de oorspronkelijke bestandsnaam, zoals "webpage.html." Dubbelklik op het bestand op het bureaublad te starten met uw webbrowser. De afspeelknop, tijd en de YouTube link moet verschijnen alle--maar de video niet zichtbaar is.

  • De bewerkte HTML-bestand uploaden naar uw website met behulp van uw favoriete FTP client app.

YouTube Audio spelers voor Blogs

  • Zoek de video die u wilt delen op YouTube. Klik op de link 'Delen' onder de video en selecteer 'Insluiten'. Klik op het menu "Videogrootte" en kies de breedte die u wilt gebruiken op uw blog, dat de eerste dimensie vermeld is.

  • Markeer de embed code en kopieer het naar het Klembord door te drukken op "Ctrl-C."

  • Inloggen op uw blog te bewerken van de post of pagina in die u wilt insluiten van de audiospeler. Plaats de cursor waar u de audiospeler te verschijnen en plakken van de embed-code op "Ctrl-V."

  • De hoogte van de ingesloten speler "25" te wijzigen. Bijvoorbeeld, als de code leest '

Tips & waarschuwingen
  • Als iemand luisteren naar uw audio-clip wil om de video te zien, alles wat ze hoeft te doen is klik op de "YouTube" link aan de rechterkant van je ingesloten speler.
  • Proberen om een YouTube-audio speler insluiten in sommige websites, zoals Facebook, werkt niet. Proberen te veranderen de hoogte vanaf de publicatie, wordt de koppeling weergegeven uitgeschakeld.

Gerelateerde Artikelen

Hoe Embed een YouTube-Video in een eBay veiling

Hoe Embed een YouTube-Video in een eBay veiling

Als u een item dat u wilt verkopen en u geïnteresseerd bent in het uitzoeken hoeveel mensen zal brengen om het te krijgen online, wilt u misschien om hem op de veiling op eBay, en laat kopers bod voor het via het Internet. Hoe meer informatie over he
Hoe Embed een YouTube-Video rond tekst in Dreamweaver CS3

Hoe Embed een YouTube-Video rond tekst in Dreamweaver CS3

YouTube is een online video website gebruikt voor het weergeven en uploaden van video's. YouTube biedt gebruikers de mogelijkheid om te kopiëren van video's en insluiten van de video HTML welput wetboek in hun websites, blogs of web-pagina's. Adobe D
Hoe Embed een YouTube-afbeelding naar IPB

Hoe Embed een YouTube-afbeelding naar IPB

Veel online forums gebruiken het IPB--Invision Power Board-platform naar de forum opzetten en beheren van de inhoud ervan. Elke IPB forum beheerder kunt aanpassen en configureren van het forum zodat bepaalde soorten posten, inclusief de mogelijkheid
Hoe Embed een YouTube Video Clip in Microsoft Publisher

Hoe Embed een YouTube Video Clip in Microsoft Publisher

Online video-sharing sites zoals Youtube, gebruikers geven het de mogelijkheid om bijna elke video die wordt gedeeld op de site, en het insluiten op een andere site. De video wordt weergegeven op de andere website, maar de video zelf is nog steeds ge
Hoe Embed een YouTube-Video in een WordPress Blog

Hoe Embed een YouTube-Video in een WordPress Blog

Hebt u een WordPress blog, of zowat elke blog, is het verrassend eenvoudig om uw favoriete YouTube-video's op de blog weer te geven. In deze Web 2.0 wereld, aanbieders hebben het proces zeer eenvoudig gemaakt voor gebruikers en bloggers.Wat die u nod
Hoe Embed een YouTube-Video in een Keynote-presentatie

Hoe Embed een YouTube-Video in een Keynote-presentatie

Met de optie van het toevoegen van bewegende afbeeldingen en video's, is Apple's Keynote een robuuste presentatie-software. Een manier om een werkelijk dynamische presentatie in Keynote is om video op een dia insluiten. Als je wil gebruik maken van e
Hoe Embed een YouTube-Video in een E-mail van AOL

Hoe Embed een YouTube-Video in een E-mail van AOL

Verzenden video via AOL e-mail is een manier voor u direct video's delen met uw vrienden en familie. Maar u niet gewoon de Youtube video adres toevoegen aan de e-mail, moet u een opname van de video, en toevoegen aan de e-mail voor u verzenden. PC en
Hoe Embed een YouTube Playlist op een iPhone

Hoe Embed een YouTube Playlist op een iPhone

YouTube staat toe de gebruikers te creëren en afspeellijsten te bekijken. Gelijkaardig aan een afspeellijst, deze afspeellijsten zijn een aantal video's die de gebruiker heeft gegroepeerd. Ze kunnen een enkele video opgesplitst in verschillende delen
Hoe Embed een Video in Gmail

Hoe Embed een Video in Gmail

Het insluiten van een video rechtstreeks in een e-mailbericht is een goede manier om dat je vrienden zien wat je deelt direct. Twee manieren om het insluiten van video's in Gmail zijn met YouTube en Google Drive. YouTube duurt een beetje langer om in
Hoe Embed een Podcast in WordPress

Hoe Embed een Podcast in WordPress

WordPress biedt niet een eenvoudige methode voor het toevoegen van podcasts op uw berichten. U kunt koppelingen toevoegen naar audio-bestanden in uw berichten, maar dit is niet de verwachte audiospeler ingebed in een typische podcast post emuleren. G
Hoe te downloaden YouTube Audio

Hoe te downloaden YouTube Audio

Wanneer u naar een liedje op YouTube luisteren, kan u wensen dat u had de audio van het op uw computer. Dit is handig als u afspelen een lied, een clip of een toespraak wilt wanneer u onderweg bent of losgekoppeld van het Internet. Gebruik een online
Hoe Embed een Audio Autoplay

Hoe Embed een Audio Autoplay

Insluiten van audio op uw blog of webpagina Web stelt gebruikers in staat te luisteren naar talloze nummers of andere audiobestanden rechtstreeks op uw Web-pagina, zelfs als de audio-bestanden elders op het Web worden gehost. Door een -tag in de HTML
Hoe Embed een Video in phpBB

Hoe Embed een Video in phpBB

De phpBB Forum is een krachtige Gemeenschap applicatie die is eenvoudig te installeren en te beheren. Standaard dit weergave van Flash niet verwerkt of embed codes kan je van sites zoals GoogleVideo, Vimeo of YouTube video door het gebruik van tradit
Hoe Embed een afspeellijst op een Website

Hoe Embed een afspeellijst op een Website

Een afspeellijst is een lijst van nummers die na elkaar spelen. Als de nummers zijn in MP3-formaat, kunt u de MP3-bestanden uploaden naar uw webserver, maken een afspeellijstbestand als u wilt instellen van de volgorde waarin deze zal spelen, en HTML