Gli ultimi tutorial di sviluppo web

HTML Video di Youtube


Il modo più semplice per riprodurre i video in HTML, è quello di utilizzare YouTube.


Lottando con formati video?

Le varie versioni di diversi browser supportano diversi formati video.

All'inizio di questo tutorial, avete visto che potrebbe essere necessario convertire i video in diversi formati video per farli giocare in tutti i browser.

Convertire i video in formato diverso può essere difficile e richiede tempo.

Una soluzione più semplice potrebbe essere quella di lasciare YouTube riprodurre i video nella vostra pagina web.


YouTube Video Id

YouTube mostrerà un id (like XGSy3_Czz8k) , quando si salva (or play) di un video.

È possibile utilizzare questo ID, e si riferiscono al tuo video in HTML.


Riproduzione di un video di YouTube in formato HTML

Per riprodurre il video su una pagina Web, effettuare le seguenti operazioni:

  • Carica il video su YouTube
  • Prendere una nota del video id
  • Definire un <iframe> elemento nella tua pagina web
  • Lasciate che lo src punto di attributo per l'URL del video
  • Utilizzare la larghezza e l'altezza attributi per specificare la dimensione del giocatore
  • Aggiungere tutti gli altri parametri all'URL

Esempio - Utilizzando iFrame (the recommended method)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
Prova tu stesso "

Parametri di YouTube

nascondi automaticamente

Valore 0: I controlli del lettore sono sempre visibili.

Valore 1: I controlli del lettore nasconde automaticamente quando il video viene riprodotto.

Valore 2 (default) : se il giocatore ha 16: 9 o 4: 3, uguale a 1, altrimenti stesso come 0.

riproduzione automatica

Il valore 0 (default) : Il video non viene riprodotto automaticamente quando il lettore carica.

Valore 1: Il video verrà riprodotto automaticamente al caricamento del giocatore.

controlli

Valore 0: Controlli del player non visualizza. I carichi di video immediatamente.

Valore 1 (default) : Il giocatore controlla display. I carichi di video immediatamente.

Valore 2: controlla Player visualizzazione, ma il video non viene caricato prima che l'utente avvia la riproduzione.

ciclo continuo

Il valore 0 (default) : Il video viene riprodotto una sola volta.

Valore 1: Il video loop volontà (forever) .

elenco di riproduzione

Una virgola lista di video per giocare separati (in addition to the original URL) .


YouTube <object> Incorporamenti

YouTube <object> incorpora stati deprecato dal gennaio 2015.

Si dovrebbe migrare le applicazioni da usare <iframe> ingloba.

Esempio - Utilizzando <object> (deprecated)

<object width="420" height="315"
data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>
Prova tu stesso "

Esempio - Utilizzando <embed> (deprecated)

<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
Prova tu stesso "