[jednorazowy]

Mirki, mam na pojedynczej stronie html powiedzmy z 20 filmów z youtuba, jeden pod drugim. I wiadomo, długo ta strona się ładuje, bo każdy film musi załadować miniaturkę. Więc chciałem zrobić tak, aby te miniaturki do włączania filmów ładowały się dopiero, gdy dany element jest widoczny na ekranie. Jak się do tego zabrać?

#programowanie #javascript #html

[testowyandrzej]

@jednorazowy: lazy loading

[p.....y]

@jednorazowy: przez api pobieraj miniaturki, po kliknięciu ładuj film, jak na wypoku.

[jednorazowy]

@panjerzyduzomierzy: api youtuba? coś próbowałem szukać ale nie znalazłem. Poszukam jeszcze.

[p.....y]

@jednorazowy: proszę https://www.youtube.com/yt/dev/pl/api-resources.html

[jednorazowy]

@panjerzyduzomierzy: tak, tam byłem, ale nie wiedziałem co szukać i czy cokolwiek znajdę. Teraz jak wiem, że coś takiego jest, to mogę szukać. Dzięki.

[p.....y]

@jednorazowy: taka podpowiedź, czego szukać "get thumbmnail from video id", potem normalnie ładujesz filmik.

[jednorazowy]

@panjerzyduzomierzy: już wygooglałem jak zdobyć miniaturę:
http://blog.kowalczyk.cc/2011/05/31/youtube-pobieranie-miniatury-filmu-wideo/
Teraz się zastanawiam jak włączać film po kliknięciu w miniaturę. Javascript onclick i tam wywołany iframe od youtube?

[p.....y]

@jednorazowy: w najprostszej wersji tak, a skoro to najprostsze rozwiązanie, to polecam.