Статьи

Легко отображать миниатюры YouTube с помощью jQuery

Возможно, вы не знаете, но youTube делает скриншоты видео, которое вы загружаете, обычно есть 2 основных изображения (одно большое изображение и 1 маленькое изображение). Вот как вы можете отобразить превью YouTube Video на своей веб-странице.

URL YouTube

URL-адреса имеют следующий формат (v-параметр — это то, что нам нужно):

YouTube превью

Большой палец

480 × 360
http://img.youtube.com/vi/dXo0LextZTU/0.jpg

Маленький палец (начало)

128 × 96
http://img.youtube.com/vi/dXo0LextZTU/1.jpg

Маленький палец (примерно через минуту или около того)

128 × 96
http://img.youtube.com/vi/dXo0LextZTU/2.jpg

использование

// Returns big screenshot by video id $.jYoutube('rSUfWXcNAOw'); // Returns small thumbnail by YouTube video URL $.jYoutube('http://www.youtube.com/watch?v=rSUfWXcNAOw', 'small'); 

Код JQuery

 $.extend({ jYoutube: function( url, size ){ if(url === null){ return ""; } size = (size === null) ? "big" : size; var vid; var results; results = url.match("[\?&]v=([^&#]*)"); vid = ( results === null ) ? url : results[1]; if(size == "small"){ return "http://img.youtube.com/vi/"+vid+"/2.jpg"; }else { return "http://img.youtube.com/vi/"+vid+"/0.jpg"; } } }); 

Попробуй сам



Отправить ссылку на YouTube

Ваше видео на YouTube:

Источник