logo-tworzenie-stron-legnica

config

Strona w trakcie modernizacji

Zapraszamy wkrótce

Elementy (tagi, znaczniki) HTML

Tag (znacznik) video

Definicja elementu (tagu), przeznaczenie i użycie video

Znacznik video służy do osadzania treści wideo w dokumencie, na przykład filmu, klipu filmowego lub innych strumieni wideo. Tag video zawiera co najmniej jeden tag source z różnymi źródłami wideo. Przeglądarka wybierze pierwsze obsługiwane źródło.

Tekst między otwierającym a zamykającym tagiem video będzie wyświetlany tylko w przeglądarkach, które nie obsługują elementu HTML video.

Istnieją trzy obsługiwane formaty wideo w formacie HTML: MP4, WebM i OGG. Formaty te są obsługiwane przez wszystkie 5 najbardziej popularne przeglądarki: Edge, Chrome, Firefox, Safari, Opera.

Tip: w przypadku plików audio spójrz na tag audio.

Atrybuty elementu (tagu) video

Atrybut Wartość Opis
autoplay autoplay Definiuje, że wideo zacznie się odtwarzać, gdy tylko będzie gotowe.
controls controls Definiuje, że elementy sterujące wideo powinny być wyświetlane (takie jak przycisk odtwarzania / wstrzymania itp.).
height pixels Ustala wysokość odtwarzacza wideo.
loop loop Definiuje, że wideo będzie się rozpoczynać od nowa za każdym razem, gdy się zakończy.
muted muted Definiuje, że wyjście audio wideo powinno być wyciszone.
poster URL Definiuje obraz, który ma być wyświetlany podczas pobierania wideo lub do momentu naciśnięcia przez użytkownika przycisku odtwarzania.
preload auto
metadata
none
Definiuje, czy i w jaki sposób powinno zostać załadowane wideo podczas wczytywania (ładowania) strony.
src URL Określa adres URL pliku wideo.
width pixels Ustala szerokość odtwarzacza wideo.

Atrybuty globalne

Tag video obsługuje również atrybuty globalne w HTML.

Domyślne ustawienia CSS dla elementu (tagu) video

Większość przeglądarek wyświetla element video z następującymi wartościami domyślnymi:

 

Wsparcie przeglądarek dla elementu (tagu) video

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą element video.

Element (tag) chrome edge firefox safari opera
video 4.0 9.0 3.5 3.1 11.5

 

Przykładowe zastosowania elementu (tagu) video

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel. +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00