Mentre gli altri proprietari di siti web stanno mostrando singoli video di YouTube sulle loro pagine Web, è possibile circondare i visitatori del sito con uno schermo pieno di lettori video. Iframe - piccoli blocchi di codice HTML - consentono di visualizzare una schermata piena di video di YouTube su qualsiasi sito web. I visitatori possono fare clic su un video per visualizzarlo o sedersi e guardare come tutti i video sulla tua pagina web giocano automaticamente quando visitano il tuo sito. I video di YouTube sono liberi, e richiede solo pochi minuti per creare il proprio schermo personale Multi Video YouTube.

istruzione

1 Avviare un editor di testo o un editor HTML. Aprire qualsiasi documento HTML e aggiungere il codice riportato di seguito alla sezione corpo del documento:

<Div class = "YouTube">
incollare il codice per il primo video qui
</ Div>

Questo codice crea un blocco div HTML. Questo blocco si terrà il primo video di YouTube.

2 Aggiungere il seguente blocco div sotto il codice mostrato nel passaggio precedente:

<Div class = "YouTube">
incollare il codice per il secondo video qui
</ Div>

Questo codice crea un altro blocco div che conterrà il secondo video di YouTube. Si noti che ogni div fa riferimento a una classe CSS chiamato "YouTube".

3 Passare alla sezione head del documento e aggiungere la classe CSS youTube alla sezione testa come illustrato di seguito:

<Style>
.youTube {display: inline;}
</ Style>

Questo codice CSS imposta attributo di visualizzazione di ogni div a "inline". In questo modo fa sì che i tuoi video per affiancare orizzontalmente attraverso la pagina. Quando una riga si riempie, altri video iniziano una seconda fila. Se invece si preferisce browser di impilare i video in verticale, sostituire "in linea" con il "blocco".

4 Visita il sito YouTube e fare doppio clic su un video per riprodurlo nel video player del sito. Fare clic sul pulsante "Stop" del giocatore, e quindi fare clic su "Condividi".

5 Fai clic su "Embed" e copiare il codice HTML mostrato nella casella di testo visualizzata. Questo codice è costituito da un contenitore iframe. attributo URL del iframe indica l'URL del video sul web.

6 Torna al tuo documento HTML e incollare il codice copiato nel primo blocco div sotto il testo che dice "codice Paste per il primo video qui." Eliminare il testo dopo aver incollato il codice nel blocco div. Il primo blocco div sarà quindi simile a quella mostrata di seguito:

<Div class = "YouTube">
<Iframe width = "420" height = "315" src = "http://www.youtube.com/embed/9AumAucSAZ8&quot; frameborder =" 0 "allowfullscreen> </ iframe>
</ Div>

7 Ritorno a YouTube, giocare un altro video e quindi fare clic su "Stop". Copia il codice HTML e tornare al documento HTML. Incollare il codice nel secondo blocco div sotto il testo che dice "codice Paste per il primo video qui." Eliminare il testo dopo aver incollato il codice nel blocco div. Ogni iframe ha valori per la larghezza e l'altezza in pixel. Modificare questi valori se si vuole cambiare le dimensioni dei lettori video.

8 Salvare il documento HTML e visualizzarlo nel browser. I video di YouTube aggiunti alla pagina Web appariranno. Clicca i loro tasti "Play" per riprodurre i video.

Consigli e avvertenze

• Aggiungere altri video di YouTube al vostro schermo video multi aggiungendo blocchi div supplementari al codice HTML. Aggiungere un terzo video, per esempio, copiando il codice da un terzo video di YouTube e incollarlo in un nuovo blocco div sotto i blocchi div esistenti.
• Si noti l'URL che appare in ciascun blocco div. Fare un video iniziare a giocare automaticamente con l'aggiunta di "autoplay = 1?" - Senza virgolette - alla fine di ogni URL.
• Modificare le dimensioni delle vostre lettori video per ottenere il layout Multi schermo che desiderate.