Element video w HTML5

Element video w HTML5

Element <video> służy do osadzania plików wideo bezpośrednio w dokumencie HTML5, bez konieczności używania wtyczek typu Flash. Jest właściwym znacznikiem do dodania filmu na stronę internetową.

Podstawowa składnia

<video src="film.ogg" width="400" height="300" controls preload="auto"></video>

Najważniejsze atrybuty:

• src - ścieżka do pliku wideo,
• width i height - szerokość i wysokość obszaru odtwarzacza,
• controls - wyświetla domyślne kontrolki odtwarzania, np. play, pauza, pasek postępu, głośność,
• preload - określa, czy przeglądarka ma wcześniej załadować dane filmu.

Atrybut controls

controls jest atrybutem logicznym. Wystarczy samo jego podanie:

<video src="film.ogg" controls></video>

Poprawna jest też starsza forma:

<video src="film.ogg" controls="controls"></video>

Bez tego atrybutu użytkownik może nie zobaczyć domyślnych przycisków sterowania filmem.

Atrybut preload

Atrybut preload może przyjmować m.in. wartości:

• none - nie ładuj filmu wcześniej,
• metadata - załaduj tylko metadane, np. czas trwania,
• auto - przeglądarka może załadować cały plik lub jego większą część.

Jeżeli w zadaniu pojawia się informacja, że przeglądarka ma móc załadować plik do pamięci nawet bez odtwarzania, właściwą wartością jest:

preload="auto"

Uwaga egzaminacyjna

Do osadzania filmu w HTML5 używa się znacznika <video>, a nie <object>. Znacznik <object> służy ogólnie do osadzania zewnętrznych zasobów, ale nie jest standardowym rozwiązaniem dla odtwarzacza wideo HTML5.