Dodaj wideo na stronę z WP

Należy zintegrować wideo (55 sekund) na główną stronę serwisu w odpowiednim miejscu:
- Obecność wideo nie powinna spowalniać ładowania strony i krytycznie wpływać na prędkość (https://pagespeed.web.dev/).
- Należy wybrać optymalny, nowoczesny format i metodę wyświetlania, aby nic nie spowalniało podczas buforowania, ale jakość powinna być dobra, biorąc pod uwagę, że wideo będzie na całą szerokość ekranu PC.
- Na PC wideo zaczyna się odtwarzać, gdy przewinie się do niego. Bez dźwięku, ale z przyciskami pauza/odtwarzanie oraz włączenie dźwięku w rogu. Po kliknięciu na samo wideo myszką również zatrzymuje się lub kontynuuje odtwarzanie.
- Na telefonie komórkowym wideo nie odtwarza się automatycznie, ale pośrodku jest półprzezroczysty przycisk. Na górze również przyciski dźwięku oraz Pauza/Odtwarzanie. Po kliknięciu na ekran wideo zatrzymuje się lub kontynuuje odtwarzanie.
- Zamiast pierwszej, zatrzymanej klatki wideo na telefonie, gdy jeszcze nie uruchomiono odtwarzania wideo – powinna być zastępcza grafika.
- Główna strona serwisu w panelu administracyjnym WP ma swoją klasyczną stronę ustawień (zmiana/dodanie zdjęcia itp.) – należy tam dodać możliwość zmiany wideo, zdjęcia zastępczego dla mobilnych. Pliki wideo dla mobilnych i PC są różne. Albo jeśli to jakiś plugin – powinien być nieco elastyczny w ustawieniach.

W celu dostosowania wideo do różnych jakości połączenia internetowego, przeglądarek, urządzeń, należy użyć technologii: HLS (fMP4) + CDN (HTTP/2 lub HTTP/3, 2–4 s) + ladder z H.264 + odtwarzacz — native HLS dla Safari oraz hls.js dla innych.