воскресенье, 5 февраля 2017 г.

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


С ролика Ютуб очень просто вытянуть картинку. Адрес страницы YouTube (см. в адресной строке браузера) содержит идентификатор видео:
http://www.youtube.com/watch?v=JMJXvsCLu6s
Код изображения
<img src="//img.youtube.com/vi/JMJXvsCLu6s/3.jpg" width="120" height="90">
<img src="//img.youtube.com/vi/JMJXvsCLu6s/2.jpg" width="120" height="90">
<img src="//img.youtube.com/vi/JMJXvsCLu6s/1.jpg" width="120" height="90">
<img src="//img.youtube.com/vi/JMJXvsCLu6s/default.jpg" width="120" height="90">
<img src="//img.youtube.com/vi/JMJXvsCLu6s/mqdefault.jpg" width="320" height="180">
<img src="//img.youtube.com/vi/JMJXvsCLu6s/hqdefault.jpg" width="480" height="360"> <img src="//img.youtube.com/vi/JMJXvsCLu6s/0.jpg" width="480" height="360">
<img src="//img.youtube.com/vi/JMJXvsCLu6s/sddefault.jpg" width="640" height="480">
<img src="//img.youtube.com/vi/JMJXvsCLu6s/maxresdefault.jpg">
Код видео YouTube любого размера (см. как сделать резиновое)
<iframe src="//www.youtube.com/embed/JMJXvsCLu6s" frameborder="0" allowfullscreen width="882" height="501"></iframe>

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

Обычно я предпочитаю модальные окна на CSS, чтоб видео подгружалось сразу, чтоб оставшийся экран гас. А тут брат сообщил, что часто окно с YouTube уменьшает и уводит на задворки экрана монитора. То есть он и смотрит ролик в полглаза, и, скажем, играет в покер. Поэтому сегодня видеоролик открываем именно в другом окне браузера.переправа
<a href="http://www.youtube.com/embed/JMJXvsCLu6s" target="_blank" onClick="window.open(this.href, '', 'width='+screen.availWidth/2+',height='+screen.availHeight/2+',top='+screen.availHeight/4+',left='+screen.availWidth/4); return false;">

<img title="видео: переправа" alt="переправа" src="http://img.youtube.com/vi/JMJXvsCLu6s/mqdefault.jpg" height="180" width="320"/>

</a>

0 коммент.:

Отправить комментарий