Come incorporare un lettore audio di YouTube

January 20

Come incorporare un lettore audio di YouTube


Con un po 'modificando il codice che si usa normalmente per incorporare un video di YouTube in una pagina Web, è possibile modificare qualsiasi video in un lettore audio. Il trucco è quello di ridurre l'altezza del video a 25 pixel, che lascia spazio per la barra di riproduzione, ma elimina il video dalla vista. Se si sta mettendo il lettore audio in una pagina HTML, è necessario utilizzare i soliti "<div>" codici e fare alcune modifiche per ottenere l'altezza si ha bisogno. Per chiunque utilizzi un blog, come WordPress o Tumblr, il processo è molto più facile.

istruzione

Lettori audio per HTML

1 Individuare il file HTML sul computer e aprirlo con l'applicazione Web design preferito o un semplice editor di testo come Blocco note. Se non si dispone di una copia sul computer già, aprire la pagina Web utilizzando il browser, fare clic destro della pagina e selezionare "Visualizza origine". Premere il tasto "Ctrl-A" per selezionare tutto, poi "Ctrl-C" per copiarlo. È quindi possibile incollarlo in un file TXT vuoto e salvarlo in formato TXT, cambiando l'estensione da ".txt" a ".html".

2 Vai al video di YouTube che si desidera utilizzare. Clicca sul link "Condividi" sotto il video e poi cliccare su "Embed". Fare clic sul menu "Video Size" e selezionare la larghezza si desidera che il lettore audio di YouTube di essere. La larghezza è la prima dimensione. Se si seleziona "560 x 315", per esempio, la larghezza sarà di 560 pixel di larghezza.

3 Posizionare il cursore dove si desidera che il lettore audio integrato ad apparire nella pagina Web e premere "Invio" per creare una nuova linea. Copiare e incollare la seguente riga di codice nella riga vuota e quindi sostituire la larghezza dimensione "XXX" con la dimensione selezionata sul video di YouTube:

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

4 Incollare la seguente riga di codice in una nuova riga dopo l'ultima riga si è incollato:

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

5 Sottrarre 25 da l'altezza del formato video di YouTube è stato selezionato. Sostituire il "XXX" nell'ultima riga di codice con quel numero. In questo esempio, l'altezza è 315px, quindi questo diventerebbe 291px.

6 Copia e incolla il seguente codice in un terzo nuova linea, che sostituisce il "XXX" con la larghezza del tuo video YouTube e il "YYY" con la sua altezza:

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

7 Incollare questa riga di codice in una quarta linea sul vostro file HTML:

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

8 Sostituire il "XXXX" nella vostra linea di codice con il tuo ID video. Si tratta di una serie di lettere e numeri, alla fine del video nella barra degli indirizzi del browser seguenti "watch? V =". Evidenziare le lettere ed i numeri dopo il "=" e copiarlo premendo "Ctrl-C." Evidenziare il "XXXX" nella quarta riga di codice che avete appena incollato nel file HTML e premere "Ctrl-V" per sostituirlo con l'ID del video.

9 Aggiungere tre tag di chiusura in una quinta linea di finalizzare il codice: </ iframe> </ div> </ div>

10 Salvare il file HTML sul desktop in formato testo con la ".html" interno utilizzando il nome del file originale, come ad esempio "webpage.html." Fare doppio clic sul file sul desktop per lanciarlo con il browser Web. Il pulsante Play, il tempo e il link di YouTube dovrebbero apparire - ma il video non è visibile.

11 Carica il file HTML modificato al tuo sito web utilizzando il vostro client FTP preferito app.

I giocatori YouTube audio per blog

12 Individuare il video che si desidera condividere su YouTube. Clicca sul link "Condividi" sotto il video e selezionare "Incorpora". Fare clic sul menu "Video Size" e scegliere la larghezza che si desidera utilizzare sul tuo blog, che è la prima dimensione elencato.

13 Evidenziare il codice embed e copiarlo negli appunti premendo il tasto "Ctrl-C."

14 Accedi al tuo blog per modificare il post o pagina in cui si desidera incorporare il lettore audio. Posizionare il cursore dove si desidera che il lettore audio di apparire e incolla il codice embed premendo il tasto "Ctrl-V."

15 Modificare l'altezza del player incorporato a "25". Ad esempio, se il codice legge '<iframe width = "560",' quindi modificare "560" a "25" Salvare o pubblicare il cambiamento e poi andare a quella pagina o per posta al fine di garantire compare il lettore audio come si desidera.

Consigli e avvertenze

  • Se qualcuno ascolta la tua clip audio vuole vedere il video, tutto quello che devono fare è fare clic sul collegamento "YouTube" sul lato destro del lettore incorporato.
  • Cercando di incorporare un lettore audio di YouTube in alcuni siti web, come Facebook, potrebbe non funzionare. Come di pubblicazione, cercando di modificare l'altezza disabilita il collegamento di apparire.