Wskaż poprawne stwierdzenie dotyczące przedstawionego kodu HTML.
<video width="640" height="480" controls> <source src="animacja.mp4" type="video/mp4"> </video>
A. Użytkownik nie będzie miał możliwości kontrolowania odtwarzania wideo.
B. Plik animacja.mp4 powinien mieć rozdzielczość 640x480 pikseli, aby był odtwarzany.
C. Lokalizacja pliku jest nieprawidłowa, brak w niej ścieżki bezwzględnej.
D. Kod może nie działać w przeglądarkach, które nie obsługują HTML5.
W tym fragmencie użyto elementu video, czyli mechanizmu wprowadzonego w HTML5 do osadzania plików wideo bez konieczności korzystania z zewnętrznych wtyczek typu Flash. Dlatego poprawne jest stwierdzenie, że kod może nie działać w przeglądarkach, które nie obsługują HTML5. W praktyce dotyczy to głównie bardzo starych przeglądarek albo nietypowych środowisk, gdzie obsługa multimediów jest ograniczona. Atrybut controls dodaje panel sterowania odtwarzaniem, czyli przyciski play, pauza, pasek postępu czy regulację głośności, o ile przeglądarka to wspiera. Atrybuty width i height ustawiają rozmiar wyświetlanego odtwarzacza, a nie wymuszają rozdzielczości samego pliku. Moim zdaniem warto zapamiętać też dobrą praktykę: dla lepszej zgodności często dodaje się kilka źródeł, np. MP4 i WebM, oraz tekst awaryjny dla przeglądarek bez obsługi wideo HTML5. Typ MIME video/mp4 pomaga przeglądarce rozpoznać format pliku, co też jest zgodne z sensownym, branżowym podejściem do osadzania multimediów na stronie.
W tym zadaniu łatwo pomylić wygląd odtwarzacza z właściwościami samego pliku wideo. Warto rozdzielić te dwie sprawy. Ustawienie width na 640 i height na 480 oznacza rozmiar obszaru, w którym przeglądarka ma pokazać film, ale nie oznacza, że plik animacja.mp4 musi mieć dokładnie taką rozdzielczość. Film może mieć np. 1920 × 1080 albo 1280 × 720, a przeglądarka po prostu go przeskaluje. Czasem pogorszy to ostrość albo proporcje, jeśli ktoś poda złe wartości, ale samo odtwarzanie od tego nie zależy. Nie jest też prawdą, że użytkownik nie będzie mógł sterować odtwarzaniem, bo atrybut controls właśnie po to jest dodany. Bez niego film mógłby się pojawić bez domyślnego panelu, chyba że sterowanie byłoby napisane w JavaScript, ale tutaj przeglądarka ma pokazać standardowe kontrolki. Błędne jest również założenie, że ścieżka do pliku musi być bezwzględna. W HTML bardzo często stosuje się ścieżki względne, takie jak animacja.mp4, jeśli plik znajduje się w tym samym katalogu co dokument HTML. Z mojego doświadczenia to jest wręcz wygodniejsze przy przenoszeniu projektu między komputerem lokalnym a serwerem. Najważniejszy problem zgodności dotyczy samej technologii HTML5 oraz obsługi formatu MP4 i kodeków przez przeglądarkę. Starsze przeglądarki, które nie znają elementu video, mogą po prostu nie odtworzyć materiału.