Youtube видео через Fancybox

Опубликовано: 30 Сен 2014

В одной из предыдущих заметок, я рассказывала как подключать и использовать FancyBox на сайте. Сегодня расскажу, как кроме картинок можно вывести видео в модальное окно.

В head ставим код:

<script>
$(document).ready(function() {
            $(".fancy-video-js").click(function(e) {
                e.preventDefault();
                $.fancybox({
                    'padding'       : 0,
                    'autoScale'     : false,
                    'href'          : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
                    'type'          : 'swf',
                    'swf'           : {
                        'wmode'             : 'transparent',
                        'allowfullscreen'   : 'true'
                    }
                });
                 return false;
            });
});
</script>

И вставляем видео на странице:

<a class="fancy-video-js" href="Ссылка на видео"><img src="Картинка-обложка для видео" /></a>

Комментарии (0)


Оставить комментарий




Разрешённые теги: <b><i><br>Добавить новый комментарий: