Nwlapcug.com


Come incorporare un lettore Audio di YouTube

Come incorporare un lettore Audio di YouTube


Modificando leggermente il codice che normalmente si utilizzerebbe 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 visualizzazione. Se si sta mettendo il lettore audio in una pagina HTML, è necessario utilizzare i codici di solito "< div >" e apportare alcune modifiche per ottenere l'altezza che avete bisogno. Per chiunque utilizzi un blog, come WordPress o Tumblr, il processo è molto più facile.

Istruzioni

Lettori audio per HTML

1

Individuare il file HTML sul tuo computer e aprirlo con l'applicazione preferita per la progettazione Web o un'applicazione di editing di testo come blocco note. Se non hai già una copia sul tuo computer, aprire la pagina Web utilizzando il browser, destro della pagina e seleziona "Visualizza sorgente". Premere "Ctrl-A" per selezionare tutto, quindi "Ctrl-C" per copiarlo. Si può quindi 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. Fai clic sul link "Condividi" sotto il video e quindi fare clic su "Embed". Fare clic sul menu "Dimensioni Video" e selezionare la larghezza si desidera il lettore audio di YouTube per essere. La larghezza è la prima dimensione. Se si seleziona "560 x 315" ad esempio, la larghezza sarà 560 pixel di larghezza.

3

Posizionare il cursore dove si desidera che il lettore audio incorporato a comparire sulla tua pagina Web e premere "Enter" per creare una nuova riga. Copiare e incollare la seguente riga di codice la riga vuota e quindi sostituire la dimensione di "XXX" di larghezza con la dimensione selezionata sul video di YouTube:

< div style = "Posizione: parente; width: XXXpx; altezza: 25px; overflow: hidden;" >

4

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

< div style = "Posizione: absolute; top:-XXXpx; sinistra:-5px" >

5

Sottrarre 25 dall'altezza delle dimensioni del video di YouTube che è selezionato. Sostituire "XXX" nell'ultima riga di codice con quel numero. In questo esempio, l'altezza è 315px, quindi questo sarebbe diventato 291px.

6

Copiare e incollare il codice seguente in una nuova terza linea, sostituendo il "XXX" con larghezza del tuo video di YouTube e il "YYY" con la sua altezza:

< iframe larghezza = "560" height = "315"

7

Incollare questa riga di codice in una quarta riga il file HTML:

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

8

Sostituire "XXXX" nella riga di codice con il tuo ID del video. Si tratta di una serie di lettere e numeri alla fine del video nella barra seguente degli indirizzi del browser "watch? v =." Evidenziare le lettere e i numeri dopo il "=" e copia e premendo "Ctrl-c". Evidenziare il "XXXX" nella quarta riga di codice che appena incollata nel tuo file HTML e premere "Ctrl-V" per sostituirlo con l'ID del video.

9

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

10

Salvare il file HTML sul desktop in formato di testo normale con l'estensione ". html" utilizzando il nome file originale, ad esempio "webpage." Fare doppio clic il file sul desktop per avviarlo con il browser Web. Il tasto Play, tempo e YouTube link tutto dovrebbe apparire..--Tuttavia il video non è visibile.

11

Caricare il file HTML al tuo sito Web utilizzando l'app di client FTP preferito.

Lettori Audio di YouTube per i Blog

12

Individuare il video che si desidera condividere su YouTube. Fare clic sul link "Condividi" sotto il video e selezionare "Embed". Fare clic sul menu "Dimensioni Video" e scegliere la larghezza che si desidera utilizzare sul tuo blog, che è la prima dimensione elencata.

13

Evidenziare il codice embed e copiarlo negli Appunti premendo "Ctrl-c".

14

Login per il tuo blog a modificare il post o una pagina in cui si desidera incorporare il lettore audio. Posizionare il cursore dove si desidera che il lettore audio a comparire e incollare il codice embed premendo "Ctrl-V".

15

Modificare l'altezza di player incorporato a "25". Ad esempio, se si legge il codice ' < iframe larghezza = "560",' quindi modificare "560" a "25". Salvare o pubblicare le modifiche e poi vai a che pagina o post affinché il lettore audio appare come lo vuoi.

Consigli & Avvertenze

  • Se qualcuno ascolta la clip audio vuole vedere il video, tutto quello che dovete fare è cliccare sul link di "YouTube" sul lato destro del lettore incorporato.
  • Cercando di incorporare un lettore audio di YouTube in alcuni siti, come Facebook, potrebbe non funzionare. Fin dalla pubblicazione, cercando di cambiare l'altezza consente di disattivare il collegamento venga visualizzato.