Поиск по Youtube с выдачей результатов и плеером

В комментариях к статье Как установить поиск роликов на Youtube читатель спрашивал, можно ли такой поиск сделать с выдачей нескольких результатов, а не одного.
Как вариант, есть неплохой скрипт ytembed.js
В своём первоначальном виде результаты довольно просто выглядят, но легко обрабатываются через CSS и сами настройки скрипта.

Демо (скриншоты):
Поисковая форма + выдача нескольких результатов с кнопками Предыдущие/Следующие. Выбранный ролик с Youtube проигрывается тут же в плеере.

Поисковый запрос ролика Youtube

Выбор ролика Youtube

Живое демо можете посмотреть на тестовом блоге (скриншоты не вмещают всю выдачу результатов поиска)

Установка.
На статическую страницу в HTML режиме редактора копируются по очереди:

1) Ссылка на скрипт:

<script src="http://planeta.omg-linux.ru/docs/ytembed.js" type="text/javascript"></script>

Желательно использовать собственный хостинг.

2) Код поисковой формы:

<form onsubmit="ytEmbed.init({'block':'youtubeDivSearch','type':'search','q':document.getElementById('ytSearchField').value,'results': 5,'order':'most_relevance'}); return false;">
<input  type="text" id="ytSearchField">  <input type="submit" class="button" value="Поиск">
</form>

Настройки:
results': 5 - кол-во результатов поиска на странице
'order':'most_relevance' - сортировка по самым запрашиваемым
Если добавить параметр 'layout':'thumbnails' (после order), то выводится будут только картинки (thumbnails) без описания и рейтинга.

3) Контейнер:

<div id="youtubeDivSearch"></div>

4) Стили к поисковой форме:

<style>
.button  {
    border: 1px solid #555555;
    border-radius: 25px 5px 5px 10px;
    color: #888888;
    height:20px;
    width:100px;
    font-size:10px;
    color: #FFF;
    background: rgb(109, 163, 189);
    border: 1px solid rgb(109, 163, 189);
    cursor:pointer;}
#ytSearchField  {
    float:left; 
    height:20px; 
    width:180px;
    border: 1px solid rgb(109, 163, 189);
    border-radius: 5px 8px 25px 5px;
    color: #888888; 
    font-size:10px;}

ul li {
list-style: none;
}
</style>

Здесь я накидал привычный мне вид формы:
.button - внешний вид кнопки
#ytSearchField - поле ввода запроса

Результаты поиска выводятся в виде таблицы. Её настройки можно подкрутить прямо в скрипте.

Разработчик: www.yvoschaap.com