Kiedyś, żeby odtworzyć film na stronie, trzeba było instalować wtyczki Flash. Koszmar! Dziś HTML5 pozwala nam wstawiać filmy i muzykę tak łatwo, jak zwykłe obrazki. W tej lekcji stworzysz własny odtwarzacz wideo i dowiesz się, dlaczego filmy domyślnie nie startują z dźwiękiem.
Kluczowe zagadnienia:
- Tagi
<video>i<audio>. - Atrybuty:
controls,autoplay,muted,loop. - Miniaturka filmu (
poster). - Formaty plików (mp4, mp3).
Pytania do filmu:
- Jaki znacznik służy do wstawiania filmów z własnego dysku?
- Który atrybut dodaje przyciski (play, pauza, głośność) do odtwarzacza?
- Jak nazywa się atrybut ustawiający obrazek (miniaturkę) przed startem filmu?
- Jaki zestaw dwóch atrybutów jest potrzebny, aby film wystartował samoczynnie? (Odp: autoplay + muted).
- Co robi atrybut
loop? - Jaki znacznik służy do odtwarzania samej muzyki (bez obrazu)?
- Czy tekst wpisany pomiędzy znacznikami
<video>i</video>jest widoczny dla każdego? (Odp: Tylko gdy przeglądarka nie obsługuje wideo). - Jaki format wideo jest najbardziej uniwersalny w HTML5? (Odp: MP4).
- Dlaczego przeglądarki blokują
autoplayz dźwiękiem? (Odp: Żeby nie straszyć użytkownika). - Czy tag
<video>ma znacznik zamykający?