Галерея Fancybox, содержащая как встроенный контент, так и видео

Вы можете иметь галерею в fancybox с различным type контента:

• изображений
• видео
• встроенный контент
• плавающие фреймы

и т.п.

Просто убедитесь, что все ваши ссылки совместно используют eithr один и тот же атрибут rel или data-fancybox-group например:

<a rel="gallery" class="fancybox fancybox.iframe" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1&wmode=opaque">This open a video</a>
<a rel="gallery" class="fancybox" href="#inline">this open inline content</a>
<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg">this open an image</a>

<div id="inline" style="display: none;">
    <h2>Inline Content</h2>
    <p>Lorem ipsum</p>
</div>

Затем вы можете использовать простой скрипт:

jQuery(document).ready(function ($) {
    $(".fancybox").fancybox({
        //API options here
    });
}); // ready

См. JSFIDDLE

Обратите внимание, что видео youtube использует формат embed, поэтому мы добавили специальный fancybox.frame fancybox.iframe для открытия видео в режиме iframe