Видео-подсказки или Всплывающий плеер Youtube

Ещё одна необычная задача для qTip - встроенный плеер youtube (со всеми причиндалами проигрывателя), который появляется при наведении мыши (или нажатии) на ссылку видеоролика.
Когда это можно использовать?
Если вы часто постите видео руководства, то для крутизны можете прокачать все ссылки предпросмотрами на qTip.

Демо (навести мышь):
RuThau-Luna


Реализация:
В готовом виде видеоподсказки (помимо библиотеки jQuery) представляют собой два скрипта, положенные на хостинг (внешний хостинг, если вы используете Blogger):
swfobject.js
qtip-video.js
+ скрипт ядро: jquery.qtip-1.0.0-rc3.min.js
Все скрипты достаточно скопировать в шаблон перед тегом /head, чтобы все ссылки на ютуб обрабатывались автоматически. Имейте ввиду, что ссылки скриптов на всякий случай лучше помещать под ссылкой jQuery.
В "готовом" виде, включая jQuery, это будет выглядеть вот так:

<script src='http://ваш-хостинг-трололо/jquery.qtip-1.0.0-rc3.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<script type="text/javascript" src="http://ваш-хостинг-трололо/qtip-video.js"></script>

Тонкости.
qtip-video.js - это скрипт настроек видеоподсказки, в котором настраивается её отображение.
Условно разделим на несколько секторов (согласно документации):

         show: {
            when: 'mouseover', // Show it on mouseover...
            solo: true // ...and hide all others when its shown
         },
         hide: 'unfocus', // Hide it when inactive...
         style: {
            width: 432,
            height: 264,
            padding: 0,
            tip: true,
            name: 'dark'
         },

-- show - отвечает за появление подсказки (плеера) над ссылкой, параметр mouseover означает, что подсказка появится при касании ссылки стрелкой курсора (если нужно, чтобы плеер появлялся при нажатии кнопки мыши, поставьте click); solo означает, что только одна подсказка может быть активна.
-- unfocus прячет подсказку, если счёлкнуть мышью в любом месте, кроме неё
-- style отвечает за размеры подсказки и стиль (используется прессет dark)



А что ещё интересного?
На тему qTip:
qTip. Предпросмотр для ссылок в виде авто-скриншотов

На тему видеоплеера:
Как проигрывать видеоролики в блоге или Альтернативный плеер для Youtube