W HTML5 osadzanie filmu na stronie realizuje się elementem <video>. Aby spełnić warunek "zostały wyświetlone domyślne kontrolki odtwarzania", konieczne jest użycie atrybutu controls. Bez niego przeglądarka może odtwarzać wideo, ale nie pokaże standardowych przycisków (play/pause, pasek postępu, głośność) i użytkownik nie będzie miał typowego interfejsu.
Drugi warunek dotyczy wstępnego pobierania danych: "przeglądarka mogła załadować plik do pamięci, nawet jeżeli nie zostanie on odtworzony". Służy do tego atrybut preload. Wartość preload="auto" oznacza, że przeglądarka może pobrać więcej danych (a nawet cały zasób), zanim użytkownik rozpocznie odtwarzanie, jeśli uzna to za zasadne. Dzięki temu materiał jest szybciej gotowy do startu, ale kosztem transferu i pamięci.
Wskazanie konkretnego pliku można zrobić przez atrybut src w <video> (np. src="film.ogg") albo przez wewnętrzny element <source>. W pytaniu wymagane jest "dołączenie pliku film.ogg do istniejącej strony", więc poprawna konstrukcja to taka, która jednoznacznie ustawia źródło oraz oba wymagane atrybuty: preload i controls.
- Odpowiedź "<video src=\"film.ogg\" preload=\"auto\" controls></video>" jest poprawna, bo jednocześnie: wskazuje źródło, wymusza kontrolki i ustawia preload na auto.
- Odpowiedzi bez controls są błędne, bo nie spełniają warunku wyświetlenia domyślnych kontrolek.
- Odpowiedzi z inną wartością preload (np. brak preload albo preload="none") nie spełniają wymogu wstępnego ładowania "nawet gdy nie odtwarza".
- Odpowiedzi używające nieodpowiedniego elementu (np. <audio>) są błędne, bo dotyczą dźwięku, a pytanie mówi o odtwarzaniu filmu i kontrolkach filmu.
W praktyce na egzaminie warto zapamiętać: controls = interfejs dla użytkownika, preload = decyzja o wstępnym pobieraniu danych. Jeśli w treści jest warunek "ma się załadować wcześniej" i "ma być interfejs", zwykle potrzebujesz obu tych atrybutów.
