Как выводить большое количество видео с ютуба на странице?

Question

[Boogie1989]

Столкнулся с такой вот проблемой. У меня на странице должен отображаться список видео с ютуба. Но использую iframe или простые ангулар плагины страница виснет пока все видео не подгрузятся. Если на странице 2-3 видео то можно терпеть, если больше, все плохо. Как сделать все это правильно? Может есть плагины которые отображают только скрин и по клику подгружают определенное видео?

Answer 1

[Александр Алексеев]

у ютубовских видео есть картинки-кадры..
я вывожу их, а при клике подменяю скриптом на iframe или вывожу в модалку бутстрапа

вот пример пути к одному кадру из видео img.youtube.com/vi {id_video} /0.jpg

Comments

[Alex]

Аналогично делали. Все прекрасно грузится.

[Boogie1989]

Да я в принципе так и переделал, просто думал может есть решение по красивей, а то поверх скрина еще кнопку плай с ютуба поставить нужно)

Answer 2

[Alexander Litvinenko]

Как вариант запросить список с апи ютуба и не запускать само видео пока не нажмут плей,

Comments

[Boogie1989]

как такового списка нету, есть список id в моей базе

[Alexander Litvinenko]

Boogie1989: тогда запросите превьюшки, ид видео в его ссылке написан, можно спарсить.

[Boogie1989]

Alexander Litvinenko: уже сделал директиву. Доработаю и выложу для общего пользования.

Answer 3

[Boogie1989]

Короче примерно получилось что то вроде этого https://github.com/Boogie1989/youtube-video-directive