Przykład
Odtwarzanie wideo:
<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>
Spróbuj sam " Definicja i Wykorzystanie
<video> tag określa wideo, takich jak klip filmowy lub innych strumieni wideo.
Obecnie istnieją 3 obsługiwanych formatów wideo do <video> element: MP4, WebM i Ogg :
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES from Firefox 21 from Firefox 30 for Linux |
YES | YES |
| Safari | YES | NO | NO |
| Opera | YES From Opera 25 |
YES | YES |
- MP4 = MPEG 4 plików wideo z kodekiem H264 kodek audio AAC i
- WebM = WebM pliki z kodeka VP8 wideo i kodek audio Vorbis
- Ogg = Ogg z kodeka wideo Theora i Vorbis kodeka audio
Typy MIME dla formatów wideo
| Format | Typ MIME |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje elementu.
| Element | |||||
|---|---|---|---|---|---|
| <video> | 4,0 | 9,0 | 3,5 | 4,0 | 10,5 |
Różnice między HTML 4.01 i HTML5
<video> tag nowego w HTML5.
Porady i wskazówki
Wskazówka: Każdy tekst pomiędzy <video> i </video> tagi będą wyświetlane w przeglądarkach, które nie obsługują <video> element.
opcjonalne atrybuty
= Nowe w HTML5.
| Atrybut | Wartość | Opis |
|---|---|---|
| autoplay | autoplay | Określa, że wideo będzie zacząć grać tak szybko, jak to jest gotowy |
| controls | controls | Określa, że kontrole powinny być wyświetlane wideo (takie jak przycisk play / pauza itp). |
| height | pixels | Ustawia wysokość odtwarzacza wideo |
| loop | loop | Określa, że wideo będzie zacząć od nowa, za każdym razem, gdy jest zakończone |
| muted | muted | Określa, że wyjście audio wideo powinien być wyciszony |
| poster | URL | Określa obraz, który ma być pokazany podczas gdy film jest pobieranie, lub dopóki użytkownik kliknie przycisk odtwarzania |
| preload | auto metadata none | Określa, czy iw jaki sposób autor uważa, że film powinien być ładowany podczas wczytywania strony |
| src | URL | Określa adres URL pliku wideo |
| width | pixels | Ustawia szerokość odtwarzacza wideo |
Atrybuty globalne
<video> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<video> tag obsługuje również Event Atrybuty w HTML .
Podobne strony
HTML DOM referencyjny: HTML Audio / Video DOM
Domyślne ustawienia CSS
Żaden.