Video HTML (Video) Riproduzione

Ci sono molti modi per giocare il video in modalità HTML.

Video HTML (Video) Riproduzione

Problemi e soluzioni

Mostra il video in HTML non è facile!

Avete bisogno di un sacco di consigli familiari per garantire che il file video in tutti i browser (Internet Explorer, Chrome, Firefox, Safari, Opera), e tutto l'hardware (PC, Mac, iPad, iPhone) possono essere riprodotti.

In questo capitolo, W3CSchool si riassumono i problemi e le soluzioni.

Utilizzando il tag <embed>

Ruolo <embed> tag è quello di incorporare elementi multimediali nelle pagine HTML.

Il seguente codice HTML per visualizzare video Flash incorporato nella pagina:

problema

• HTML4 non riconosce il tag <embed>. La pagina non può essere verificata.
• Se il browser non supporta Flash, in modo che il video non viene riprodotto
• iPad e iPhone non è possibile visualizzare i video in Flash.
• Se si converte i video in altri formati, ancora non gioca in tutti i browser.

Utilizzando il tag <object>

Ruolo tag <object> è quello di incorporare elementi multimediali nelle pagine HTML.

Il seguente frammento di codice HTML mostra alcuni video Flash incorporato nella pagina:

problema:

• Se il browser non supporta Flash, il video non viene riprodotto.
• iPad e iPhone non è possibile visualizzare i video in Flash.
• Se si converte i video in altri formati, ancora non gioca in tutti i browser.

Utilizzando l'elemento <video> HTML5

HTML5 <video> tag definisce un video o un film.

<Video> elemento in tutti i browser moderni sono supportati.

Il seguente frammento di codice HTML visualizzerà un ogg, mp4, o un video in formato WebM pagina web integrata:

problema:

• È necessario convertire il video in molti formati differenti.
• <Video> elemento non è valido per i browser meno recenti.

Migliore soluzione HTML

L'esempio seguente utilizza quattro diversi formati video. HTML 5 elemento <video> cerca di mp4, ogg, o formati WebM è quello di riprodurre il video. Se tutto fallisce, poi ripiegare a elemento <embed>.

problema:

• È necessario convertire molti formati video differenti

Soluzioni Youku

Il modo più semplice per visualizzare i video in HTML è quello di utilizzare Youku e altri siti di video.

Se si desidera riprodurre il video in una pagina web, è possibile caricare un video su Youku e altri siti di video, e quindi inserire il codice HTML per riprodurre il video nella tua pagina:

utilizzando i collegamenti ipertestuali

Se la pagina contiene un collegamento ipertestuale che punta al file multimediali, la maggior parte dei browser usare "applicazione di supporto" per riprodurre il file.

Il seguente frammento di codice mostra collegamenti a file AVI. Se l'utente clicca sul link, il browser avvierà le "Applicazioni di supporto", come ad esempio Windows Media Player per riprodurre il file AVI:

Sulla descrizione del video in linea

Quando un video è incluso nella pagina web, si parla di video in linea.

Se si prevede di utilizzare il video in linea in una applicazione web, è necessario rendersi conto che molte persone trovano i video in linea fastidiosi.

Si noti inoltre che gli utenti potrebbero aver chiuso l'opzione del browser video in linea.

Il nostro miglior consiglio è di solo quando l'utente vuole vedere il video luogo in linea li contiene. Un esempio positivo è che quando l'utente ha bisogno di vedere il video e cliccare su un link si aprirà la pagina e riprodurre il video.

HTML tag multimediali

Nuovo: HTML5 nuovi tag.