HTML5 Video (Video)

Molti siti utilizzeranno per il video. HTML5 fornisce una visualizzazione video standard.

Rilevare il browser supporta HTML5 video:

sito Web Video

Fino ad ora, non esiste ancora una norma volta a display video sulla pagina.

Oggi, più video attraverso i plug-in (come Flash) da visualizzare. Tuttavia, non tutti i browser hanno gli stessi plugin.

HTML5 specifica un metodo standard per includere video attraverso gli elementi video.

Supporto per il browser

Internet Explorer 9+, Firefox, Opera, Chrome, Safari e il supporto elemento <video>.

Nota: Internet Explorer 8 o versioni precedenti di Internet Explorer non supportano l'elemento <video>.

HTML5 (video) - Come funziona?

Per visualizzare il video in HTML5, tutto ciò che serve è:

Esempi

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>

Prova »

<Video> elemento fornisce il gioco, mettere in pausa e il volume controlli per controllare il video.

Allo stesso tempo, elemento <video> elemento fornisce anche l'altezza e larghezza attributi controllano le dimensioni del video. Se si imposta l'altezza e la larghezza dello spazio video richiesto sarà trattenuto al caricamento della pagina. . Se non si imposta queste proprietà, il browser non conosce la dimensione del video, il browser non è possibile prenotare uno spazio specifico quando vengono caricati, la pagina sarà basato sul cambio formato video originale.

<Video> tra </ video> tag e il contenuto inserito non è disponibile per sostenere gli elementi video visualizzato nel browser.

<Video> elemento supporta più <source> elemento. <Source> elementi possono collegarsi a diversi file video. Il browser userà il primo formato riconosciuto:

Formati video e il supporto del browser

Corrente, elemento <video> supporta tre formati video: MP4, WebM, Ogg e:

Browser	MP4	WebM	Ogg
Internet Explorer	SI	NO	NO
cromo	SI	SI	SI
Firefox	SI	SI	SI
safari	SI	NO	NO
opera	SI (da Opera 25 in poi)	SI	SI

MP4 = MPEG 4 file con video H.264 e audio AAC encoding
WebM WebM = file con video VP8 e Vorbis codificati codifica audio
Ogg = Ogg Theora con video e audio codificati Vorbis codificato

Formato video

格式	MIME-type
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

HTML5 <video> - per controllare l'uso di DOM

HTML5 <video> e <audio> elemento ha anche metodi, proprietà ed eventi.

Metodi <video> e <audio> elementi, proprietà ed eventi possono essere controllati tramite JavaScript.

Quali metodi sono utilizzati per riprodurre, mettere in pausa, e il carico e così via. In cui le proprietà (quali durata, volume, ecc) possono essere lette o impostate. In cui eventi DOM può informare che, per esempio, <video> elemento avviare la riproduzione, la pausa, si fermò, e così via.

Esempi di metodo semplice, abbiamo illustrato come utilizzare l'elemento <video>, leggere e impostare le proprietà, e come richiamare i metodi.