Element video

Element HTML video służy do osadzania na stronach internetowych treści wideo i ewentualnie odtwarzacza pozwalającego sterować jej odtwarzaniem. W treści tego elementu może znajdować się zwykły tekst, który może być wyświetlany przez przeglądarki nie obsługujące tego elementu.

Przykład użycia

Poniższy kod spowoduje wyświetlenie odtwarzacza wideo na stronie i automatyczne rozpoczęcie odtwarzania filmu

<video controls="controls" autoplay="autoplay" src="wideo.ogg">
  Twoja przeglądarka nie obsługuje elementu audio.
</video>

Atrybuty obowiązkowe

Element video nie ma atrybutów obowiązkowych.

Atrybuty opcjonalne

Atrybuty globalne HTML5 oraz:

AtrybutOpis
autoplayWłącza automatyczne odtwarzanie pliku po załadowaniu strony
controlsOkreśla czy mają być wyświetlony odtwarzacz
crossorigin

Określa ustawienia żądań CORS dla danych elementu

heightOkreśla wysokość odtwarzacza wideo w pikselach
loopAtrybut logiczny decydujący o tym, czy po zakończeniu odtwarzania pliku odtwarzanie ma rozpocząćsię od nowa
mediagroupSłuży do grupowania elementów multimedialnych w grupy
mutedAtrybut logiczny decydujący o tym, czy domyślnie dźwięk ma być wyciszony
posterOkreśla obraz graficzny, który ma być wyświetlany podczas pobierania filmu i zanim nie zostanie włączone odtwarzanie filmu
preloadSłuży do określania czy korzystne byłoby wczytanie zasobu z wyprzedzeniem
srcOkreśla adres URL pliku dźwiękowego
widthOkreśla szerokość odtwarzacza wideo w pikselach

Kontekst użycia

Modele treści HTML5treść ogólna, syntagmatyczna, osadzona, interaktywna i wyczuwalna (jeśli ma zdefiniowany atrybut controls),
Elementy nadrzędneelementy syntagmatyczne i treści ogólnej
Elementy potomne

elementy przezroczyste zawierające atrybut src lub przynajmniej jeden element source i treść ogólną lub syntagmatyczną z wyłączeniem elementów video i audio.

ZnacznikiMusi mieć zarówno znacznik otwierający jak i zamykający
NormyHTML 5 — podrozdział 4.8.6
Interfejs DOMHTMLVideoElement
Różnice między HTML 4.01 a HTML 5

Element video występuje tylko w języku HTML 5

Obsługa przez przeglądarki

FirefoxChromeOperaSafariInternet Explorer

Podobał Ci się ten artykuł?

Oceń go!

Średnia 0 / 5. Liczba głosów: 0

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

Jajko z dzwonkiem
Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.

Dodaj komentarz

12 + dwanaście =