Tagi multimedialne HTML5 (audio, video, source, canvas)

Osadzanie wideo i audio w HTML5:

<!-- Odtwarzacz wideo z wieloma formatami źródłowymi: -->
<video controls width="640" poster="okladka.jpg">
    <source src="film.mp4" type="video/mp4">
    <source src="film.webm" type="video/webm">
    Twoja przeglądarka nie obsługuje znacznika video.
</video>

<!-- Odtwarzacz audio: -->
<audio controls autoplay muted loop>
    <source src="dzwiek.mp3" type="audio/mpeg">
    <source src="dzwiek.ogg" type="audio/ogg">
</audio>

Kluczowe atrybuty:

• controls – wyświetla standardowe przyciski odtwarzania, paska postępu i głośności.
• autoplay – automatyczne rozpoczęcie odtwarzania (współczesne przeglądarki wymagają też muted).
• loop – zapętlenie odtwarzania.
• poster – miniatura wyświetlana przed rozpoczęciem filmu.

Najczęstsze pułapki na egzaminie INF.03:

• Zawsze warto umieścić wewnątrz <audio> lub <video> tekst alternatywny wyświetlany w starych przeglądarkach.