Блог старого компьютера

Блог старого компьютера


Главная Jquery Youtube видео во всплывающем окне

Youtube видео во всплывающем окне

06.05.2015 08:43 Администратор Jquery
Печать PDF

На неком сайте в контенте в товарах и в других компонентах было вставлено youtube видео. Необходимо было сделать так чтоб видео не показывалось на странице, а показывалось во всплывающем окне. Так как у cms не было ни какой нормальной возможности на выходе заменить iframe видео на мой код который открывает всплывающее окно с помощью fancybox, то решено было использовать JQuery. Сообственно ниже привожу код который отключает iframe с видео и под него вставляет ссылку для открытия видео во всплывающем окне. Часть относящуюся к fancybox не привожу, она страндартная и есть на официальном сайте fancyapps.com.

<script>
$(document).ready(function(){
$('iframe[src*=youtube]').each(function(index, element){
$(this).css('display', 'none');
var src = $(this).attr('src');
var reg=/\/([^\/]*)$/i;
var img = src.match(reg)[1];
var video = '<a class="fancybox-media" href="'+src+'"><img src="http://img.youtube.com/vi/'+img+'/0.jpg"></a>';
$(this).before(video);
})

$('.fancybox-media').fancybox({
openEffect : 'none',
closeEffect : 'none',
helpers : {
media : {}
}
});
});
</script>

Добавить комментарий


Защитный код
Обновить

Поиск

Голосование

Что Вы думаете на счет битрикса?