Nwlapcug.com


Come incorporare i file multimediali in una pagina Web

Fin dai primi giorni di Internet, tra cui Adobe Flash Player, che utilizza YouTube, applet Java e il classico "incorporare" tag in HTML sono sorte molte tecniche per l'incorporamento di file audio e video in una pagina web. Purtroppo, ognuno di questi metodi è problematico nella pratica a causa dell'implementazione incoerente tra browser Web e/o il requisito di software di terze parti. Lo standard HTML5 Mostra la promessa come il Web più affidabile e compatibile standard andando avanti e specifica un supporto nativo completo per supporti incorporati.

Istruzioni

Audio

1

Inserire il codice seguente nel corpo del documento HTML per incorporare un file audio:

< controlli audio >< / audio >

2

Digitare il percorso e il nome del file audio al posto di "filename.mp3" nell'attributo "src".

3

Aggiungere l'attributo "precarico" con il valore "auto" per avviare il caricamento del file quando viene caricata la pagina, anche se l'utente non ha ancora giocato. Per esempio:

< audio precarico = "auto" Controlli >< / audio >

4

Rimuovere l'attributo "src" dal tag "audio", quindi aggiungere due o più tag di "origine" tra i tag "audio" per consentire al browser di scegliere tra diversi formati audio disponibili per giocare. Con il codice riportato di seguito, il browser selezionare tra un file audio OGG e MP3:

< controlli audio >

< origine digitare = "audio/ogg" / >

< origine digitare = "audio/mpeg" / >

< / audio >

Video

5

Inserire il codice seguente nel corpo del documento HTML per incorporare un file video:

< controlli video >< / video >

6

Digitare il percorso e il nome del file video al posto di "filename.mp4" nell'attributo "src".

7

Specificare la larghezza e l'altezza del video in pixel utilizzando gli attributi "larghezza" e "altezza". Per esempio:

< video width = "500" height = "300" Controlli >< / video >

8

Aggiungere l'attributo "precarico" con il valore "auto" per avviare il caricamento del video al caricamento della pagina, anche se l'utente non ha ancora giocato. Per esempio:

< video precarico = "auto" Controlli >< / video >

9

Rimuovere l'attributo "src" del tag "video", quindi aggiungere due o più "origine" tag tra i tag "video" per consentire al browser di scegliere tra diversi formati video disponibili per giocare. Con il codice riportato di seguito, il browser selezionare tra un video OGG e un video MP4:

< controlli video >

< origine digitare = "video/ogg" / >

< origine digitare = "video/mp4" / >

< / video >

Se hai specificato una larghezza e un'altezza per il video, è possibile lasciare quegli attributi nel tag "video".

Consigli & Avvertenze

  • Utilizzare i tag di "origine" per piattaforme specifiche, si prevede che gli utenti a visitare il tuo sito Web da. Ad esempio, la famiglia di iPod di dispositivi mobili sono più compatibile con MP4 video.
  • Qualsiasi elemento posizionato tra i tag "audio" o "video" (oltre a tag di "origine") apparirà invece se qualcuno visita il tuo sito Web utilizzando un browser obsoleto che non supporta HTML5. Un modo per supportare questi browser consiste nell'inserire pre-HTML5 incorporare codice (ad esempio un tag "object" per incorporare un lettore Flash) tra i tag, affinché i vecchi browser utilizzerà tale codice invece.