Hvordan bygger du inn en YouTube-Audio Player

Hvordan bygger du inn en YouTube-Audio Player


Ved litt tweaking koden du normalt vil bruke til å legge inn en YouTube-video i en webside, kan du endre noen video til en lydavspiller. Trikset er å redusere høyden på videoen til 25 piksler, noe som gir rom for lek bar, men eliminerer video fra visningen. Hvis du setter lydavspilling i en HTML-side, må du bruke de vanlige "<div>" koder og gjøre noen endringer for å få den høyden du trenger. For alle som bruker en blogg, som WordPress eller Tumblr, er prosessen mye enklere.

Bruksanvisning

Audio-spillere for HTML

1 Finn din HTML-fil på datamaskinen og åpne den med din favoritt web-design program eller et vanlig tekstbehandlingsprogram som Notisblokk. Hvis du ikke har en kopi på datamaskinen din allerede, åpner websiden ved hjelp av nettleseren din, høyreklikk på siden og velg "View Source". Trykk "Ctrl-A" for å velge alle, deretter "Ctrl-C" for å kopiere den. Deretter kan du lime det inn i en tom TXT-fil og lagre den i TXT-format, endre filtypen fra "txt" til ".html".

2 Gå til YouTube-videoen du ønsker å bruke. Klikk på "Share" linken under videoen, og klikk deretter på "Embed". Klikk på "Video Size" -menyen og velg hvor bredt du ønsker at YouTube lydavspiller å være. Bredden er den første dimensjon. Hvis du velger "560 x 315" for eksempel, vil bredden være 560 piksler bred.

3 Plasser markøren der du vil ha den innebygde lyd-spiller skal vises på websiden, og trykk "Enter" for å opprette en ny linje. Kopier og lim inn følgende kodelinje i den blanke linjen og deretter erstatte bredden "XXX" dimensjon med den dimensjonen du valgte på YouTube-videoen:

<Div style = "position: relative; width: XXXpx; height: 25px; overflow: hidden;">

4 Lim inn følgende linje med kode i en ny linje etter den siste linjen du limte:

<Div style = "position: absolute; top: -XXXpx, venstre: -5px">

5 Trekk 25 fra høyden på videostørrelsen YouTube du har valgt. Sett på "XXX" i siste linje med kode med det nummeret. I dette eksempel er høyden 315px, slik at dette ville bli 291px.

6 Kopier og lim inn følgende kode i en tredje ny linje, erstatte "XXX" til YouTube-video bredde og "YYY" med sin høyde:

<Iframe width = "560" height = "315"

7 Lim inn denne linjen med kode i en fjerde linje på HTML-filen:

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

8 Bytt ut "XXXX" i linje med kode med video ID. Dette er en kombinasjon av bokstaver og tall på slutten av videoen i nettleserens adressefelt følgende "watch? V =." Marker bokstaver og tall etter "=" og kopier den ved å trykke "Ctrl-C." Marker "XXXX" i fjerde linje med kode du bare limt inn HTML-fil og trykk "Ctrl-V" for å erstatte den med video-ID.

9 Legg tre avsluttende kodene i en femte linje for å sluttføre koden: </ iframe> </ div> </ div>

10 Lagre HTML filen på skrivebordet i ren tekst-format med utvidelsen ".html" med det opprinnelige filnavnet, for eksempel "webpage.html." Dobbeltklikk på filen på skrivebordet for å starte den med nettleseren. Play-knappen, tid og YouTube-linken bør alle vises - men videoen er ikke synlig.

11 Last den redigerte HTML-fil til nettstedet ditt ved hjelp av ditt FTP-klient app.

YouTube Audiospillere for Blogger

12 Finn videoen du vil dele på YouTube. Klikk på "Share" linken under videoen og velg "Embed". Klikk på "Video Size" -menyen og velge bredden du vil bruke på bloggen din, som er den første dimensjonen oppført.

1. 3 Marker den innebygde koden og kopiere den til utklippstavlen ved å trykke "Ctrl-C."

14 Logg inn på bloggen din for å redigere innlegget eller siden der du vil legge inn lydavspilling. Plasser markøren der du ønsker at lyden spiller skal vises, og lim den innebygde koden ved å trykke "Ctrl-V."

15 Endre høyden på innebygde spilleren til "25". For eksempel, hvis koden leser "<iframe width =" 560 "," og deretter endre "560" til "25." Lagre eller publisere endringen og deretter gå til den siden eller legge til sikre lydavspiller vises slik du vil ha det.

Hint

  • Hvis noen lytter til lydklipp ønsker å se videoen, er alt de har å gjøre er å klikke på "YouTube" linken på høyre side av den innebygde spilleren.
  • Prøver å legge inn en YouTube-lydspiller til noen nettsteder, som Facebook, ikke kan fungere. Som for offentliggjøring, prøver å endre høyden deaktiverer koblingen vises.