С ролика Ютуб очень просто вытянуть картинку. Адрес страницы 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 коммент.:
Отправить комментарий