System wyświetlania "shortów" - frontend

Skrypt JS + PHP/HTML do wyświetlania shortów (krótkich filmików).

Potrzebne fragmenty kodu (bez kwestii integracji) odpowiedzialnego za:

wyświetlenie w strukturze HTML/CSS filmików znajdujących się na serwerze.

Struktura bazy danych prosta - filename, caption, add_date.

Wyświetlamy jeden pod drugim, załóżmy 10 rekordów z bazy.

Filmiki nie mogą mieć "przeglądarkowych" przycisków play/pauza/mute itd. ani ramek.

Wzorujemy się na typowych shortach jak na FB albo YT.

Wyświetlamy na filmiku na dole własne półprzezroczyste: start/pauza, ikonkę serce, włączy/wyłącz dźwięk oraz chmurkę z liczbą (komentarze).

Zlecenie nie dotyczy obsługi backendu tych przycisków.

Wystarczy że po kliknięciu na film lub na przycisk start/pauza film zareaguje odpowiednio, klikalne będą też: serce i chmurka z komentarzami (wystarczy

w JS w konsoli wyświetlić jakiś log zdarzenia).

Dodatkowo podczas przewijania strony w dół filmiki się odtwarzają (ten który jest najbardziej widoczny, a inne przestają).

Świetnie byłoby gdyby "doczytywały się" po 10 sztukach z bazy kolejne...