Это делается так.
Ссылка будет вида:
<a class="fancy-video-js" href="http://www.youtube.com/v/iCz8R25hlFI&fs=1&autoplay=1"><img src="http://img.youtube.com/vi/iCz8R25hlFI/1.jpg" /></a>
Ютуб возвращает полноразмерные скриншоты видео по адресу http://img.youtube.com/vi/<код видео>/0.jpg
. Вместо 0.jpg может быть 1.jpg, 2.jpg или 3.jpg.
Ссылка стоит на ютуб-видео с небольшими модификациями (сравните с кодом, что получаете при копировании HTML в youtube со ссылкой выше).
Затем вставьте код ниже в ваш <script>
блок.
$(document).ready(function() {
$(".fancy-video-js").click(function() {
$.fancybox({
‘padding’ : 0,
‘autoScale’ : false,
‘href’ : this.href.replace(new RegExp("watch\\?v=", "i"), ‘v/’),
‘type’ : ‘swf’,
‘swf’ : {
‘wmode’ : ‘transparent’,
‘allowfullscreen’ : ‘true’
}
});
return false;
});
});