Как быстро и просто получить кадр из видеролика YouTube?
Видел множество сайтов, которые на основе YouTube делают свои видеопорталы или отдельные видеоразделы на сайте. И я думаю, что куда удобнее и правильнее брать в качестве превью так называемый кадр из видео, а не делать его руками, тратя при этом время и дисковое пространство на своем сайте.
Поэтому сейчас я покажу вам способ, с помощью которого вы сможете «вытянуть» кадр из нужного вам ролика YouTube.
Для примера возьмем url видео с нашего YouTube-канала:
https://www.youtube.com/watch?v=46h5DZ9jE4k Из всего этого нам потребуется часть, которая идет после «v=», то есть «46h5DZ9jE4k».
А дальше все просто. Я приведу вам все возможные варианты получения кадров и обложек из ролика, куда вы подставляете часть, указанную выше.
Получение кадра из видеоролика YouTube
Для получения кадров из видео воспользуйтесь следующими ссылками:
1. Нулевой кадр, он же обложка видео. Имеет размеры 480x360 px:
http://img.youtube.com/vi/46h5DZ9jE4k/0.jpg 2. Первый кадр, он же начало видео:
http://img.youtube.com/vi/46h5DZ9jE4k/1.jpg 3. Второй кадр, он же середина видео:
http://img.youtube.com/vi/46h5DZ9jE4k/2.jpg 4. Третий кадр, он же конец видео:
http://img.youtube.com/vi/46h5DZ9jE4k/3.jpg Кадры 1–3 имеют размеры 120x90 px.
Получение обложки из видеоролика YouTube
В отличие от кадров, для обложки предоставлено куда больше форматов. Использование следующее:
1. Стандартная обложка. Имеет размеры 120x90 px:
http://i.ytimg.com/vi/46h5DZ9jE4k/default.jpg 2. Маленькая обложка. Имеет размеры 320x180 px:
http://i.ytimg.com/vi/46h5DZ9jE4k/mqdefault.jpg3. Средняя обложка. Имеет размеры 480x360 px:
http://i.ytimg.com/vi/46h5DZ9jE4k/hqdefault.jpg 4. Средняя обложка с высоким качеством. Имеет размеры 480x360 px:
http://i.ytimg.com/vi/46h5DZ9jE4k/sddefault.jpg5. Обложка с максимально возможным размером. Размер зависит от разрешения видео:
http://i.ytimg.com/vi/46h5DZ9jE4k/maxresdefault.jpgНе забывайте во всех случаях «46h5DZ9jE4k» заменять на код из ваших видеороликов.
Использование полученной обложки из видеоролика YouTube
Вы спросите, а как, собственно говоря, использовать полученные данные? Самое простое – использовать все это в качестве изображения через тег <img> или же в качестве фона блока (background).
