Генератор устойчивых к взлому паролей   •   Online-инструменты
1 428 просм
7 комм
Поделиться:

Как быстро и просто получить кадр из видеролика 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.jpg

3. Средняя обложка. Имеет размеры 480x360 px:

http://i.ytimg.com/vi/46h5DZ9jE4k/hqdefault.jpg 

4. Средняя обложка с высоким качеством. Имеет размеры 480x360 px:

http://i.ytimg.com/vi/46h5DZ9jE4k/sddefault.jpg

5. Обложка с максимально возможным размером. Размер зависит от разрешения видео:

http://i.ytimg.com/vi/46h5DZ9jE4k/maxresdefault.jpg

Не забывайте во всех случаях «46h5DZ9jE4k» заменять на код из ваших видеороликов.

Использование полученной обложки из видеоролика YouTube

Вы спросите, а как, собственно говоря, использовать полученные данные? Самое простое – использовать все это в качестве изображения через тег <img> или же в качестве фона блока (background).

7
комментарий
Scorp
26.01 в 20:14
Возможно ли как то сделать, чтоб при добавлении новости, обложка заливалась на сайт и готовая картинка проставлялась в поле короткой новости или доп. поле?
Допустим я в доп, поле вставляю 46h5DZ9jE4k, а картинка по адресу http://i.ytimg.com/vi/46h5DZ9jE4k/default.jpg заливается на сайт.
Спасибо!
  • 0
Scorp
26.01 в 20:16
Я в примере случайно указал ссылку на кадр, а не обложку, но суть вопроса думаю понятна))
  • 0
Scorp, я думаю что да. Для этого нужно написать небольшой модуль.
  • 12
Scorp
12.03 в 08:47
Артём, я извиняюсь, может быть знаете, как получить продолжительность видео с youtube для DLE, а именно мне нужно на обложку поставить длительность. Сейчас приходится вручную через доп. поле прописывать, но ведь должен быть простой способ.. типо как быстро и просто получить кадры из видеролика ютуба.
  • 0
Scorp, знаю. Позже напишем статью как сделать это на PHP. А там смотрите, думаю что сумеете адаптировать метод для DLE.
  • 5
Scorp
12.03 в 16:12
Благодарю Вас!
  • 0
EDuard
14.03 в 16:42
Здравствуйте ув.Артем!

Будет ли у Вас создать такой модуль? очень нужная вещь!

Спасибо.
  • 0
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Имя и фамилия
E-mail
Текст комментария