Microclimate.su

IT Новости
2 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как сохранить картинку из ютуба

Превью изображения с YouTube

Категории блога

На одном из разрабатываемых мною сайтов, нужно было достать с сервиса YouTube превью для видео. В интернете можно найти массу готовых скриптов как на php так и на JavaScript. Для того, что бы получить превью для видео с YouTube, есть несколько способов. Сам сервис предоставляет свой API, которым можно воспользоваться. Но кроме YouTube API есть еще более простой способ.

Каждое видео, загруженное в сервис YouTube имеет несколько сохраненных изображений. Каждое из которых имеет свой размер.
У каждого видео есть свой идентификационный код, по которому можно найти видео. Этот код можно достать из ссылки на видео. К примеру в ссылке http://www.youtube.com/watch?v=sf-wK1Prdlk код равен sf-wK1Prdlk.
Вставив такой код вместо «your-video-code» в нижеприведённые примеры ссылок, и перейдя по ссылке попадаете на изображение, каждое из которых имеет свои размеры.
Стандартное изображение (изображение по умолчанию, которое может выбрано как одно из следующих 1.jpg, 2.jpg, 3.jpg) [120*90]:

  • http://img.youtube.com/vi/your-video-code/default.jpg

Я так понимаю, что это то самое изображение, которое выбирает пользователь загружая видео.
Следующие три изображения Google создает путем деления видео на три равные части, и условно-случайным образом выбирает по кадру. Эти изображения часто используют на каких либо видео-порталах. Как один из методов применения: когда при наведении на видео, пользователь видит череду сменяющихся кадров, и ощущает, что быстро и вкратце посмотрел видео:).

  • http://img.youtube.com/vi/your-video-code/1.jpg [120*90]
  • http://img.youtube.com/vi/your-video-code/2.jpg [120*90]
  • http://img.youtube.com/vi/your-video-code/3.jpg [120*90]

Полный размер (часто этот размер изображения совпадает с default.jpg) [480*360]:

  • http://img.youtube.com/vi/your-video-code/0.jpg

Среднее качество изображения [320*180]:

  • http://img.youtube.com/vi/your-video-code/mqdefault.jpg

Высокое качество изображения [480*360]:

  • http://img.youtube.com/vi/your-video-code/hqdefault.jpg

Максимальное разрешение изображения(встречается не во всех видео и разрешение меняется) [1920*1080]:

  • http://img.youtube.com/vi/your-video-code/maxresdefault.jpg

К изображениям можно обращаться как по http так и по https.
Как альтернатива приведённой выше ссылке, существует ссылка:

  • http://i3.ytimg.com/vi/your-video-code/default.jpg [0, 1, 2, 3, default, mqdefault, hqdefault, maxresdefault]

Но будьте осторожны эти ссылки не задокументированы сервисом YouTube, поэтому назвать их надёжными сложно. Конечно лучше и правильнее использовать API, но я хотел рассказать вам о быстром способе.

Как сохранить превью картинку с YouTube из любого видео

Привет уважаемые читатели seoslim.ru! Сегодня в статье я опять затрону тему популярнейшего видеохостинга YouTube, который с одной стороны предназначен для просмотра медиа-контента, а с другой получения пассивного дохода от рекламы с размещаемых видео.

Все мы знаем, что на кликабельность ролика в выдаче YT играет привлекательное превью, поэтому я настоятельно рекомендую потратить лишних полчаса на то, чтобы сделать его броским, запоминающимся и конечно же релевантным видео.

Посмотрите на картинки роликов конкурентов и сравните с своим, по какому из них хочется кликнуть?

Но так бывает, что для создания собственного изображения в качестве основы требуется взять картинку из чужого видео. Одно дело, когда нам надо снимок любого из кадров ролика, но совсем другое, когда требуется именно превью.

Я сам пару раз сталкивался с подобной проблемой, особенно когда создавал серые каналы, поэтому ниже хочу привести 5 способов по скачиванию превью-картинки с Ютуба.

Но прежде чем мы продолжим советую обратить внимание на предыдущие посты, вдруг что-то пропустили из мира Ютьюб:

Пусть тема по вытаскиванию картинок из видео и не новая, но я считаю, что этот пост должен быть на блоге, дыба собрать максиму информации в одном месте.

Как скачать персонализированный значок из видео

Теперь давайте представим, что мы нашли подходящее видео и теперь осталось вытянуть из него изображение, которое автор установил в качестве персонализированного значка.

Лично мне доводилось пользоваться пятью способами: через ссылку, исходный код, расширение, онлайн сервис и программу.

Если кто-то знает другие, обязательно расскажите об этом в комментариях.

Ссылка Суть этого метода состоит в том, что вам придется использовать специальную ссылку, где надо подменять часть букв на идентификатор видео, с которого собственно и сохраняется картинка.

Читать еще:  Почему не загружает ютуб

http://i1.ytimg.com/vi/XXX/maxresdefault.jpg — ссылка для загрузки превью с чужих роликов.

XXX — меняете на идентификатор видео.

Ссылка на тестовое видео выглядит вот так:

Обратите внимание, что все что идет после знака равно = и есть идентификатор в примере это 3wjefCGYRtA вот их и надо подставлять.

В итоге линк меняется на следующий:

http://i1.ytimg.com/vi/ 3wjefCGYRtA /maxresdefault.jpg

Далее копируете полученную ссылку в адресную строку браузера и увидите на экране превью из видео, сохраняете его как обычное изображение в сети.

На данном принципе завязаны все способы, о которых пойдет дальше речь, с одной лишь поправкой, что все действия по подстановке идентификатора будут выполнены автоматически без вашего участия.

Исходный код Здесь придется перейти на страницу с выбранным видео и открыть ее исходный код, делается это с помощью сочетания клавиш «Ctrl + U».

Затем запускаете поиск по странице «Ctrl + F» и вставляете фразу og:image.

Как видно на фото выше, строчка кода, где есть эти символы и будет содержать ссылку для открытия превьюшки.

Думаю, вы заметили, что ссылка такая же, что мы создавали в предыдущем способе.

Расширение Этот метод завязан на установке специального расширения для браузера, которое за вас будет вытягивать ссылку для скачивания значка из роликов в один клик мыши.

Я пользуюсь браузером Google Chrome поэтому перехожу в его настройки, далее выбираю вкладку «Расширения» и спускаюсь в самый низ страницы жму ссылку «Еще расширения».

Оказавшись в интернет-магазине в строке поиска ввожу название следующего расширения youtube image previews и в найденном жму кнопку «Установить».

После этого в панели браузера вы увидите специальный значок при клике, по которому будет предложена ссылка на загрузку превью той страницы видео, которую просматриваете.

Онлайн сервис Если ваш браузер не поддерживает расширение, тогда можно пойти другим путем и воспользоваться онлайн сервисом alexbruni.ru/youtube2images .

Все что надо это перейти по ссылке и в специальное поле вставить ссылку на видео, далее жмем «Скачать обложку».

Сохраняете значки стандартным способом, правая кнопка мыши «Сохранить картинку как. ».

Программа И последний способ я думаю мало кому пригодиться, но все же он имеет место быть.

Скачиваете специальную программу, я использовал бесплатную Youtube Preview Link Extractor и после распаковки архива запускаете приложение от имени администратора.

В окне программы достаточно вставить ссылку на видео, выбрать размер картинки (большая доступна если размер значка не менее 1280*720 пикселей) и нажать «Сохранить превью на диске».

Если нет необходимость сохранять превью, тогда используйте ссылку для просмотра ее в интернете.

На этом у меня все, если пользуетесь другими методами просьба рассказать об этом в комментариях, пока!

Как с YouTube достать превью?

С ролика Ютуб очень просто вытянуть картинку. Адрес страницы YouTube (см. в адресной строке браузера) содержит идентификатор видео:

Поменять:
Код изображения

//img.youtube.com/vi/ JMJXvsCLu6s/3.jpg » w >

//img.youtube.com/vi/ JMJXvsCLu6s/2.jpg » w >

//img.youtube.com/vi/ JMJXvsCLu6s/1.jpg » w >

//img.youtube.com/vi/ JMJXvsCLu6s/default.jpg » w >

//img.youtube.com/vi/ JMJXvsCLu6s/mqdefault.jpg » w >

//img.youtube.com/vi/ JMJXvsCLu6s/hqdefault.jpg » w > //img.youtube.com/vi/ JMJXvsCLu6s/0.jpg » w >

//img.youtube.com/vi/ JMJXvsCLu6s/sddefault.jpg » w >

//img.youtube.com/vi/ JMJXvsCLu6s/maxresdefault.jpg «>

Код видео YouTube любого размера (см. как сделать резиновое)

Простой пример использования

Обычно я предпочитаю модальные окна на CSS, чтоб видео подгружалось сразу, чтоб оставшийся экран гас. А тут брат сообщил, что часто окно с YouTube уменьшает и уводит на задворки экрана монитора. То есть он и смотрит ролик в полглаза, и, скажем, играет в покер. Поэтому сегодня видеоролик открываем именно в другом окне браузера.

30 комментариев:

teleinfo Как, как, Скриншотом щелкнуть и обрезать. NMitra Не, есть ScreenHunter и ему подобные :))) http://shpargalkablog.ru/2010/07/word-sdelat-kartinkoi.html Sk Omb круто Анонимный +1 Анонимный Полный список:
http://img.youtube.com/vi//default.jpg
http://img.youtube.com/vi//hqdefault.jpg
http://img.youtube.com/vi//mqdefault.jpg
http://img.youtube.com/vi//sddefault.jpg
http://img.youtube.com/vi//maxresdefault.jpg NMitra Спасибо, ценная информация! Статью подправила. Анонимный Спасибо, очень помогло) FOMUVI Расскажите, пожалуйста, как управлять высотой и шириной окна в данном случае NMitra screen.availWidth — это ширина экрана браузера
screen.availWidth/2 — это половина ширины экрана браузера

w >
где 500 или др. значение это фиксированное значение в px

Посмотрите тут http://shpargalkablog.ru/2010/09/postroenie-ssylok-v-html.html Нужно ввести текст ссылки/адрес изо и выбрать пункт «открыть в новом окне» Андрей Белоусов А как подключить данный код к WordPress? У меня почему то ничего не отображается. NMitra При написании поста нужно переключиться в режим «HTML» ( http://yandex.ru/yandsearch?lr=51&text=%D0%BA%D0%B0%D0%BA+%D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D1%82%D1%8C+%D0%BA%D0%BE%D0%B4+html+%D0%BD%D0%B0+%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%83+%D0%B2+wordpress&csg=7461%2C20291%2C10%2C14%2C4%2C0%2C0 ) Андрей Белоусов То-то и оно, что я подключал через HTML.
В результате, ничего, из приведенного на данной странице — не обнаружил.
А простое введение кода я знаю. Но при этом, нет дополнительного окна. NMitra Смотрите, вот видео, где перевод сделан вручную http://shakin.ru/google/changing-pages.html (само видео http://www.youtube.com/embed/bFYruTb5Auk ). Здесь также пользователю нужно включать субтитры, но они идут не от переводчика Google Андрей Белоусов К сожалению, по приведенной Вами ссылке, ничего, касающегося встраивания HTML-кода на страницу WordPress я не обнаружил! 🙁 Может быть вы еще что нибудь посоветуете для подгрузки всплывающего окна! :0) NMitra На комментарий 13 не обращайте внимание, я уже путаю страницы, комментаторов и вопросы.

Не может быть, что такой простой вариант не работает. На этой странице http://shpargalkablog.ru/2011/02/modalnoe-okno-css.html есть экземпляр посложнее.

Покажите страницу (URL-адрес), где вы разместили код, интересно что там в исходном коде. Андрей Белоусов Вот ссылка — http://www.landshaft-online.ru/?cat=19
+ В результате вставки кода ломается вся архитектура страницы 🙁 Андрей Белоусов А на счет комментария №15, то в открывшемся модальном окне отсутствует возможность его закрытия. :0) NMitra Комментарий 16. А где картинка в ссылке?

Комментарий 17. Нужно нажать на любое место вне видео. Кнопку закрыть думаю приспособить сумеете. Андрей Белоусов Огромное Вам СПАСИБО! Разобрался. :0) Иван Звягин Онлайн сервис, который это реализовал. Чтобы сэкономить время получаешь кнопки со всеми имеющимся качеством http://saveyoutube.ru/
Админ можешь сам убедится, это реально работает и времени сэкономит много NMitra Реально работает 🙂 Но так ли много времени экономит? Иван Звягин Думаю много, когда массово постишь видео на свой сайт. Тем более сразу видно в каком разрешении есть картинки. С другой стороны сервис больше для тех, кто хочет их хранить на своем хостинге. В вашем случае удобнее, если при постинге использовать урл ютуба NMitra Статью доработала. Надеюсь так стало удобней пользоваться. Спасибо, что обратили внимание и начали дискуссию! Анонимный Дякую! Вирішив поставлену задачу за 5 хвилин)) NMitra Рада помочь! Юрий Смурыгин А как сделать затемнение на весь экран? ) я про «Простой пример использования». дело в том, что мне нужно вывести в отдельное окно не одно видео, а целый плейлист с ютуба. не нашел я такой функции в модальных окнах, а этот «Простой пример. » прекрасно справляется с нужной мне задачей. ) NMitra У body пропишите что-то типа

body:after <
position: fixed;
z-index: 10;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0,0,0,.5);
>

Как получить картинку видео с youtube

Как известно, что на Ютубе можно просматривать любое видео. Практически все ролики и клипы на ютубе транслируются одновременно с видеорядом. Иногда эти картинки настолько красивые и оригинальные, что хочется их заполучить любыми способами. Так вот из любого видео можно получить картинку. Только для этого нужно запастись некоторыми данными.

Именно сейчас и поговорим о том, как можно получить любую картинку с клипа.

Для браузера Chrome

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

  • Сначала нажать CTRL + U.
  • После нажимается CTRL + F.
  • Обязательно напишите og:image.
  • Теперь копируется ссылка и вставляется в адресную строку.
  • Можно и нужно сохранить картинку.

Рис 1. Вот так выглядит документ.

Это все получится если перейти на страницу того видео с которого будет качаться картинка. Затем нужно открыть документ самого ролика. Затем используются комбинации, которые приведены выше. Это позволит открыть код ролика. Дальше вводится надпись. Ее нужно вставить в строку, на которой есть символы. К тому же она будет содержать ссылку самой картинки.

При помощи идентификатора видео получаем желаемую картинку

Из абсолютно любого видео можно получить картинку, причем и не одну. Для этого нужно воспользоваться идентификатором. Он есть у любого видео. Для ее извлечения необходимо под видео найти кнопку поделится и на нее нажать. Сразу появиться ссылка, к которой будет находиться заветный идентификатор «_vAUQgOalL4». Вот его и нужно использовать. Сейчас приведем несколько примеров, как правильно его применять. Для этого возьмем любое попавшиеся видео.

  • http://i.ytimg.com/vi/46h5DZ9jE4k/default.jpg таким способом можно скачать стандартную обложку размером 120 на 90 рх. А если в ссылку добавить слово идентификатор, то можно получить картинку с черными полосами, которые будут находиться вверху картинки и в низу. Пример ссылки https://img.youtube.com/vi/идентификатор/default.jpg

Рис 3 вот так будет выглядеть картинка.

  • http://i.ytimg.com/vi/46h5DZ9jE4k/mqdefault.jpg или https://img.youtube.com/vi/идентификатор/mqdefault.jpg Это поможет скачать обложку маленького размера 380на 180 рх. При этом она уже будет полностью без полосок.
  • Вот по этой ссылке можно скачать среднюю обложку. http://i.ytimg.com/vi/46h5DZ9jE4k/hqdefault.jpg или https://img.youtube.com/vi/идентификатор/hqdefault.jpg. Ее размеры от 480 на 360 рх. На этой обложке будут одноименные черные полосы.
  • Если перейти по этой ссылке,то можно получить картинку средней обложки в высоком качестве. http://i.ytimg.com/vi/46h5DZ9jE4k/sddefault.jpg или https://img.youtube.com/vi/идентификатор/sddefault.jpg. Ее размеры могут быть 440 на 480 рх. На ней так же будут присутствовать полосы вверху и внизу.
  • А вот по этой ссылке http://i.ytimg.com/vi/46h5DZ9jE4k/maxresdefault.jpg или https://img.youtube.com/vi/идентификатор/maxresdefault.jpg можно скачать фото из клипа с размерами 1200 на 720рх. К тому же эта ссылка позволит сохранить фото или картинку с максимально возможным размером. Сама картинка будет хорошего качества и без надоедливых полос.

Важно, вместо идентификатора «_vAUQgOalL4» вставляйте свой идентификатор. Для этого дана вторая ссылка. У каждого ролика или клипа свой идентификатор.

Самый простой способ получить картинку

Если хочется получить картинку и при этом не хочется заморачиваться с разными ссылками, то можно установить расширение браузера. Именно оно вам облегчит жизнь. Просто оно за вас будет доставать вам картинки с роликов или клипов.

Совет, этот способ проверен на браузере Chrome.

Рис 4 вот так будет выглядеть кнопка, которая поможет в один клик получать фото ролика.

Так вот нужно зайти в настройки браузера. Здесь нужно найти кнопку с названием «Расширение». На нее нужно нажать. Обязательно нужно дойти до конца списка. Именно в конце нужно нажать на кнопку «Еще расширения». После из предложенного списка выбрать расширение под названием youtube image previews. Теперь нужно нажать «Установить» или «Скачать». В самом вверху появится значок, если на него нажать то появится ссылка на картинку видео которое в данный момент просматривается. Это очень легко и удобно.

Рис 5 вот так пользуемся программой без расширения.

Но, если браузер не поддерживает расширение. То можно при помощи сервиса alexbruni.ru/youtube2images получить желаемую картинку. Для этого в нужно перейти по этой ссылке. Затем в адресную строку вбить ссылку клипа. После нажать кнопку «Скачать обложку» и все сохраняем обложку удобным способом.

Вот такими простыми и не очень способами можно получить картинку с любого ролика на Ютубе.

Ссылка на основную публикацию
Adblock
detector