Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - TEST WIEDZY NR 4



PYTANIE NR 11.
Rozważ poniższy fragment kodu HTML5, który wykorzystuje element multimedialny
Wyjaśnienie poprawnej odpowiedzi:
Element <video> w HTML5 służy do osadzania i odtwarzania wideo w przeglądarce.
Atrybut controls dodaje standardowe przyciski odtwarzania, a dwa wpisy <source> zapewniają alternatywne formaty pliku. Pozostałe opcje (Flash, audio, obraz) nie pasują do użytych znaczników.

Pełne wyjaśnienie:

Fragment kodu używa elementu <video>, który w HTML5 służy do osadzania i odtwarzania plików wideo bez konieczności stosowania zewnętrznych wtyczek (np. Flash). Dlatego poprawna jest odpowiedź: "Odtwarza plik wideo na stronie."

W kodzie widać kilka istotnych cech typowych dla wideo w HTML:

  • controls – włącza domyślny interfejs odtwarzania (play/pause, głośność, pasek postępu). Bez tego atrybutu użytkownik zwykle nie zobaczy kontrolek, a odtwarzanie może wymagać obsługi przez JavaScript.
  • <source> – podaje różne źródła tego samego materiału w różnych formatach. Przeglądarka wybiera pierwszy format, który potrafi odtworzyć. To ułatwia kompatybilność między przeglądarkami.
  • type przy <source> – informuje o typie MIME (np. video/mp4, video/ogg), co pomaga przeglądarce szybciej zdecydować, czy może użyć danego pliku.
  • Tekst fallback ("Your browser does not support the video tag.") – pojawi się w bardzo starych lub nietypowych środowiskach, które nie obsługują <video>.

Dlaczego pozostałe odpowiedzi są błędne?

  • "Wyświetla animację flash na stronie." – Flash był historycznie używany do multimediów, ale wymagał wtyczki. W tym kodzie nie ma żadnych obiektów/wtyczek; jest natywny element HTML5 <video>.
  • "Odtwarza plik dźwiękowy na stronie." – do samego dźwięku służy element <audio>. <video> dotyczy wideo (zwykle z dźwiękiem), a użyte typy to "video/*", nie "audio/*".
  • "Wyświetla obrazek na stronie." – obrazy statyczne osadza się przez <img>. Elementy multimedialne posiadają mechanizmy odtwarzania, źródła <source> i kontrolki, których <img> nie ma.

Wskazówka egzaminacyjna: jeśli w kodzie widzisz <video> + <source> + atrybut controls, to pytanie niemal zawsze dotyczy osadzania wideo, kompatybilności formatów i mechanizmu fallback.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co robi znacznik <video> w HTML5?
Znacznik <video> osadza odtwarzacz wideo w stronie WWW i pozwala odtwarzać film w przeglądarce bez wtyczek. Możesz dodać atrybuty (np. controls, autoplay) oraz podać źródła przez <source>.
Jakie znaczenie ma atrybut controls w <video>?
Atrybut controls włącza wbudowane przyciski sterowania (start/stop, głośność, przewijanie). Bez niego użytkownik często nie ma jak uruchomić filmu, chyba że dodasz własne sterowanie w JavaScript (Media API) i odpowiednio je ostylujesz.
Dlaczego w <video> podaje się kilka elementów <source>?
Wiele <source> zwiększa kompatybilność: różne przeglądarki obsługują różne kontenery i kodeki. Przeglądarka wybiera pierwszy format, który potrafi odtworzyć. To ogranicza ryzyko, że film nie zadziała u części użytkowników.
Co oznacza atrybut type w elemencie <source>?
Atrybut type informuje o typie MIME (np. video/mp4, video/ogg). Dzięki temu przeglądarka szybciej ocenia, czy obsłuży dane źródło, i może pominąć niezgodne formaty bez pobierania całego pliku.
Czym różni się <video> od <audio> na egzaminie INF.3?
<video> dotyczy obrazu ruchomego (zwykle razem z dźwiękiem), a <audio> służy do samego dźwięku. W pytaniach egzaminacyjnych zwracaj uwagę na typy MIME: "video/*" wskazuje na wideo, a "audio/*" na audio.
Kiedy wyświetli się tekst "Your browser does not support the video tag"?
To tzw. fallback. Wyświetli się wtedy, gdy środowisko nie obsługuje elementu <video> (np. bardzo stara przeglądarka lub nietypowy czytnik). W nowoczesnych przeglądarkach tekst zwykle nie jest widoczny, bo wideo działa.
Czy <video> zastępuje Flash i dlaczego?
W praktyce tak: HTML5 wprowadził natywne multimedia, więc większość zastosowań Flasha (odtwarzanie filmów) da się zrealizować przez <video>. To poprawia bezpieczeństwo i kompatybilność, bo nie wymaga dodatkowych wtyczek instalowanych przez użytkownika.
Jakie formaty wideo najczęściej podaje się w <source>?
Najczęściej spotkasz MP4 (zwykle H.264), a dodatkowo WebM lub Ogg jako alternatywy. Na egzaminie istotna jest idea: podaj kilka formatów, aby zwiększyć szanse odtworzenia w różnych przeglądarkach, i ustaw poprawny type.
Jakie błędy najczęściej popełnia się przy osadzaniu <video>?
Typowe błędy to: brak controls (użytkownik nie ma kontrolek), błędny type przy <source>, podanie tylko jednego formatu (spadek kompatybilności), brak fallback oraz oczekiwanie, że autoplay zadziała zawsze (polityki przeglądarek często to blokują).
Jak rozwiązać zadanie z <video> szybciej na teście?
Najpierw rozpoznaj kluczowy znacznik: <video> = wideo, <audio> = dźwięk, <img> = obraz. Potem sprawdź atrybuty (np. controls) i obecność <source>. To zwykle wystarcza do poprawnej odpowiedzi.
info

To pytanie poprawnie rozwiązuje 78% zdających egzamin. średnio łatwe

Specjaliści zwracają uwagę: "Pozostałe opcje (Flash, audio, obraz) nie pasują do użytych znaczników."

Źródła:

  • WHATWG HTML Living Standard – sekcja "The video element" (HTML Multimedia), https://html.spec.whatwg.org/multipage/media.html#the-video-element - accessed 2026-03-01
  • MDN Web Docs – "The Video Embed element: <video>", https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video - accessed 2026-03-01
  • MDN Web Docs – "The Source element: <source>", https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source - accessed 2026-03-01

Materiały:

  • Dokumentacja WHATWG HTML Living Standard – sekcja o elemencie &lt;video&gt;
  • MDN Web Docs: HTMLVideoElement oraz element &lt;video&gt;
  • MDN Web Docs: element &lt;source&gt; i atrybut type
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego