Ultimele tutoriale de dezvoltare web
 

HTML <video> Tag


Exemplu

Redarea unui videoclip:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
Încearcă - l singur »

Definiție și utilizare

<video> Eticheta specifică video, cum ar fi un clip video sau alte fluxuri video.

În prezent, există 3 formate video suportate pentru <video> element: MP4, WebM și Ogg :

Browser MP4 WebM Ogg
Internet Explorer DA NU NU
Crom DA DA DA
Firefox DA
din Firefox 21
din Firefox 30 pentru Linux
DA DA
Safari DA NU NU
Operă DA
De la Opera 25
DA DA
  • MP4 = MPEG 4 fișiere cu codec video H264 și codec audio AAC
  • WebM = WebM fișiere cu codec VP8 video și codec audio Vorbis
  • Ogg = Ogg cu codec video Theora și codec audio Vorbis

Tipuri MIME pentru formatele video

Format MIME-tip
MP4 video/mp4
WebM video/webm
Ogg video/ogg

Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin elementul.

Element
<video> 4 9 3.5 4 10.5

Diferențe între HTML 4.01 și HTML5

<video> tag - ul este nou în HTML5.


Sfaturi și note

Tip: Orice text între <video> și </video> tag - uri vor fi afișate în browsere care nu acceptă <video> element.


Atribute opționale

= Nou în HTML5.

Atribut Valoare Descriere
autoplay autoplay Specifică faptul că videoclipul va începe redarea imediat ce este gata
controls controls Specifică faptul că ar trebui să fie afișate comenzi video (such as a play/pause button etc) de (such as a play/pause button etc) , (such as a play/pause button etc) .
height pixels Setează înălțimea playerului video
loop loop Specifică faptul că videoclipul va începe din nou, de fiecare dată când este terminat
muted muted Specifică faptul că ieșirea audio video ar trebui să fie dezactivat
poster URL Specifică o imagine pentru a fi afișate în timp ce videoclipul este descărcarea, sau până când utilizatorul atinge butonul de redare
preload auto
metadata
none
Specifică dacă și modul în care autorul crede că videoclipul ar trebui să fie încărcate atunci când se încarcă pagina
src URL Specifică adresa URL a fișierului video
width pixels Setează lățimea playerului video

Atribute globale

<video> de <video> tag - ul sprijină , de asemenea, Atributele Global in HTML .


Atribute Eveniment

<video> de <video> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .


Pagini similare

HTML DOM referință: HTML audio / video DOM de referință


Setări implicit CSS

Nici unul.