Артём Мáлков

Как быстро и просто получить кадр из видеролика YouTube?

11 апр7 комм

Видел множество сайтов, которые на основе 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).

Рекомендуем к просмотру
Как зациклить воспроизведение встроенного на сайт видео с YouTube
Статьи и советы
Как получить продолжительность видео с YouTube на PHP+API?
Модули и скрипты
Как получить API KEY для работы с сервисом YouTube?
Статьи и советы
7
комментариев
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
    • 2
    766
      •  Гости
    14 мар в 16:42

    Здравствуйте ув.Артем!

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

    Спасибо.

    • 2
    766
      •  Гости
    12 мар в 16:12

    Благодарю Вас!

    • 6
    1066
      •  Команда Pandoge
    12 мар в 15:39

    Scorp, знаю. Позже напишем статью как сделать это на PHP. А там смотрите, думаю что сумеете адаптировать метод для DLE.

    • 1
    766
      •  Гости
    12 мар в 08:47

    Артём, я извиняюсь, может быть знаете, как получить продолжительность видео с youtube для DLE, а именно мне нужно на обложку поставить длительность. Сейчас приходится вручную через доп. поле прописывать, но ведь должен быть простой способ.. типо как быстро и просто получить кадры из видеролика ютуба.

    • 14
    1066
      •  Команда Pandoge
    27 янв в 00:58

    Scorp, я думаю что да. Для этого нужно написать небольшой модуль.

    • 1
    766
      •  Гости
    26 янв в 20:16

    Я в примере случайно указал ссылку на кадр, а не обложку, но суть вопроса думаю понятна))

    • 1
    766
      •  Гости
    26 янв в 20:14

    Возможно ли как то сделать, чтоб при добавлении новости, обложка заливалась на сайт и готовая картинка проставлялась в поле короткой новости или доп. поле?

    Допустим я в доп, поле вставляю 46h5DZ9jE4k, а картинка по адресу http://i.ytimg.com/vi/46h5DZ9jE4k/default.jpg заливается на сайт.

    Спасибо!

Подняться наверх
«Pandoge» - помощник вебмастера