KWALIFIKACJA INF3 - STYCZEŃ 2023

PYTANIE NR 37.
Zastosowana w dokumencie HTML definicja multimediów sprawi, że na stronie
Ilustracja przedstawia fragment kodu HTML używanego do osadzania multimediów na stronie internetowej.
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Przeglądarka w elemencie <video> sprawdza źródła <source> po kolei i odtwarza pierwsze, które obsługuje.
Dlatego zostanie użyty plik MP4, a gdy format nie jest wspierany – OGG. Tekst "Komunikat dotyczący video" zadziała tylko jako treść awaryjna, gdy wideo nie jest obsługiwane.

Pełne wyjaśnienie:

W HTML element <video> służy do osadzania filmu na stronie. Gdy wewnątrz umieszczone są kolejne elementy <source>, nie oznacza to "dwóch filmów naraz", tylko listę alternatywnych źródeł.

Mechanizm działania jest praktyczny: przeglądarka próbuje odtworzyć pierwszy podany zasób (tu: video1.mp4). Jeśli nie potrafi go odtworzyć (np. brak obsługi danego formatu/kodeka), przechodzi do następnego źródła (tu: video1.ogg) i wybiera pierwsze, które jest obsługiwane. W efekcie na stronie wyświetla się tylko jeden odtwarzacz z jednym wybranym plikiem wideo.

Odpowiedź "pod wyświetlanym filmem zostanie wyświetlony napis "Komunikat dotyczący video"" jest błędna, ponieważ tekst umieszczony wewnątrz <video> nie jest podpisem. To tzw. fallback content – treść awaryjna, która pojawia się tylko wtedy, gdy przeglądarka w ogóle nie obsługuje elementu wideo lub nie może go użyć.

Odpowiedź o automatycznym uruchomieniu filmu jest błędna, bo do tego służy atrybut autoplay; samo controls jedynie dodaje standardowe kontrolki (odtwarzanie, pauza, głośność). Odpowiedź o dwóch filmach obok siebie jest błędna, bo wiele <source> to warianty kompatybilności, a nie równoległe odtwarzacze.

Wskazówka egzaminacyjna: jeśli widzisz kilka <source> w jednym <video>, myśl "kolejność prób" i "pierwszy obsługiwany format". Tekst między znacznikami traktuj jako komunikat awaryjny, a nie stały opis.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Kilka <source> oznacza listę alternatywnych plików wideo. Przeglądarka sprawdza je po kolei i odtwarza pierwszy format, który potrafi obsłużyć. To nie są dwa filmy jednocześnie, tylko mechanizm kompatybilności.
Bo <source> nie tworzy osobnych odtwarzaczy. To tylko wskazanie kolejnych możliwych źródeł dla jednego elementu <video>. Renderowany jest jeden odtwarzacz, a wybierany jest jeden plik (pierwszy obsługiwany).
Jeśli MP4 nie może zostać odtworzony, przeglądarka przejdzie do następnego źródła w kolejności, np. do OGG. Odtworzy pierwszy plik, dla którego ma wsparcie. Dzięki temu ten sam kod może działać w różnych przeglądarkach.
Tekst w środku <video> to treść awaryjna (fallback). Pojawia się wtedy, gdy przeglądarka nie obsługuje elementu wideo lub nie może go użyć. Nie jest to podpis pod filmem i zwykle nie wyświetla się, gdy wideo działa poprawnie.
Nie. controls dodaje kontrolki odtwarzacza (np. start/pauza, suwak, głośność). Automatyczny start wymaga atrybutu autoplay, a i tak może być ograniczany przez polityki przeglądarek (np. blokada autoodtwarzania z dźwiękiem).
Atrybut type informuje przeglądarkę o typie MIME (np. video/mp4). To pomaga szybciej zdecydować, czy dany format ma sens do pobrania i odtworzenia. Bez type przeglądarka może próbować "zgadywać" po pliku, co bywa mniej efektywne.
Najczęściej myli się: tekst awaryjny z podpisem pod filmem, zakłada się autostart bez autoplay oraz interpretuje wiele <source> jako wiele filmów jednocześnie. Na egzaminie zawsze sprawdzaj rolę elementu i kolejność źródeł.
Najprościej użyć narzędzi deweloperskich: w zakładce sieci (Network) zobaczysz, który plik został pobrany (np. MP4 albo OGG). Możesz też testować w różnych przeglądarkach/urządzeniach, bo wsparcie formatów może się różnić.
Zapamiętaj schemat: <video controls>, potem co najmniej dwa <source> w kolejności preferencji (najczęściej MP4, potem alternatywa), a na końcu krótki komunikat awaryjny. Ważne jest rozumienie, że odtwarzany jest jeden plik – pierwszy obsługiwany.
W praktyce często spotyka się MP4 jako format podstawowy i drugi format jako alternatywę zgodności. Idea jest stała: dostarczyć co najmniej dwa warianty, aby przeglądarka mogła wybrać obsługiwany. Na egzaminie kluczowy jest mechanizm wyboru, nie lista formatów.
info

To pytanie poprawnie rozwiązuje 40% zdających egzamin. trudne

Według specjalistów z branży: "Przeglądarka w elemencie &lt;video&gt; sprawdza źródła &lt;source&gt; po kolei i odtwarza pierwsze, które obsługuje.Dlatego zostanie użyty plik MP4, a gdy format nie jest wspierany – OGG."

Źródła:

  • WHATWG HTML Living Standard (HTML Standard) – sekcja "The video element" oraz mechanizm wyboru źródła: https://html.spec.whatwg.org/multipage/media.html#the-video-element (dostęp: 2026-02-27)
  • MDN Web Docs – "<video>: The Video Embed element" (wielokrotne &lt;source&gt;, fallback): https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video (dostęp: 2026-02-27)
  • W3C Recommendation – HTML5 (opis elementów osadzania multimediów, w tym &lt;video&gt;): https://www.w3.org/TR/html5/ (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja HTML Living Standard (sekcja dotycząca elementu &lt;video&gt; i zasobu medialnego)
  • MDN Web Docs: artykuł o elemencie &lt;video&gt; i przykładach z wieloma &lt;source&gt;
  • Ćwiczenia praktyczne: testowanie tego samego kodu w różnych przeglądarkach i obserwacja wyboru źródła

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego