Znacznik video
Znacznik video pozwala dodać wideo na stronę HTML.
Za jego pomocą można również kontrolować to wideo.
Ścieżka do pliku wideo jest określana przez
atrybut src lub zagnieżdżony znacznik source.
Jeśli chcesz zobaczyć odtwarzacz do kontrolowania odtwarzania
wideo - należy dodać atrybut controls.
Bez niego nic nie zobaczysz - dźwięku i obrazu
również wtedy nie będzie.
Czasami umieszczanie wideo na samej stronie nie jest
zbyt wygodne (na przykład, Twój hosting ma
ograniczenie rozmiaru strony). W tym przypadku
wideo można wgrać na YouTube i podłączyć
za pomocą znacznika iframe.
Atrybuty
| Atrybut | Opis |
|---|---|
src |
Określa ścieżkę do pliku wideo.
Ale lepiej do tego użyć znacznika source
(w tym przypadku będzie można określić wideo w różnych formatach).
|
preload |
Używany do ładowania pliku wideo jednocześnie z ładowaniem strony.
Akceptowane wartości: none (nie ładuj pliku, domyślnie),
metadata (załaduj tylko informacje serwisowe: czas trwania itd.),
auto (załaduj całe wideo podczas ładowania strony HTML).
|
autoplay |
Dźwięk zaczyna grać natychmiast po załadowaniu strony,
przy czym obecność atrybutu preload zostanie zignorowana.
Atrybut bez wartości. |
controls |
Dodaje panel sterowania do wideo.
Atrybut bez wartości. Domyślnie (gdy atrybutu nie ma) panel nie jest dodawany. |
loop |
Powtarza nagranie wideo w "pętli":
po zakończeniu zacznie grać od nowa.
Atrybut bez wartości. Domyślnie (gdy atrybutu nie ma) nagranie odtworzy się tylko 1 raz.
|
poster |
Ścieżka do obrazu, który będzie wyświetlany, gdy wideo nie jest dostępne lub nie jest odtwarzane.
Jeśli atrybut poster nie jest określony, przeglądarka postara się wyświetlić pierwszą klatkę wideo.
|
height |
Atrybut height określa wysokość obszaru odtwarzania klipu wideo (w pikselach
lub procentach).
Samo wideo zmienia swoje rozmiary w większą lub mniejszą stronę, dostosowując się do podanej wysokości,
ale jego proporcje przy tym nie zmieniają się.
Wartość domyślna: wysokość jest brana z parametrów wideo, jeśli ta wartość nie jest dostępna, wtedy wartość atrybutu height
jest uznawana za równą wysokości obrazu z atrybutu poster.
Jeśli i poster nie jest ustawiony - wysokość
ustawiana jest na 150 pikseli.
|
width |
Atrybut width określa szerokość obszaru odtwarzania klipu wideo (w pikselach
lub procentach).
Samo wideo zmienia swoje rozmiary w większą lub mniejszą stronę, dostosowując się do podanej szerokości,
ale jego proporcje przy tym nie zmieniają się.
Wartość domyślna: szerokość jest brana z parametrów wideo, jeśli ta wartość nie jest dostępna, wtedy wartość atrybutu width
jest uznawana za równą szerokości obrazu z atrybutu poster.
Jeśli i poster nie jest ustawiony - szerokość
ustawiana jest na 150 pikseli.
|
Przykład . Odtwarzacz na stronie
Dodajmy na stronę odtwarzacz z wideo.
Dla tych przeglądarek, które nie obsługują
znacznika video pozostawiono specjalny napis
o tym:
<video src="moovie.mp4" controls>
Twoja przeglądarka nie obsługuje video w HTML5.
</video>
Przykład .
Dodajmy dla znacznika video
znacznik source:
<video>
<source src="moovie.mp4" controls>
Twoja przeglądarka nie obsługuje video w HTML5.
</video>
