<div id="myModal1" class="modal fade" role="dialog" data-video="https://youtube.com/...">
...
<iframe frameborder="0" allowfullscreen></iframe>
...
</div>
<div id="myModal2" class="modal fade" role="dialog" data-video="https://youtube.com/...">
...
<iframe frameborder="0" allowfullscreen></iframe>
...
</div>$('.modal').on('show.bs.modal', function(){
var videoLink = this.dataset['video'];
var $iframe = $('iframe', this);
$iframe.attr('src', videoLink);
});
$('.modal').on('hide.bs.modal', function(){
var $iframe = $('iframe', this);
$iframe.attr('src', null);
});$(function() {
$('.loop-loader').fadeIn(100);
var $boxes = $('.loop');
$boxes.hide();
var $container = $('#content_masonry');
$container.imagesLoaded(function() {
$boxes.fadeIn(100);
$('.loop-loader').fadeOut(100);
$container.masonry({
itemSelector: '.loop',
columnwidth : 300,
gutter : 24,
isFitWidth : true,
isOriginLeft: true,
isAnimated : !Modernizr.csstransforms
});
});
var msnry = $container.data('masonry');
$container.infiniteScroll({
path : '#page-nav a',
append : '.loop',
outlayer: msnry,
history : false
});
});
var loading = false;
$(window).scroll(function() {
if (!loading && $(window).scrollTop() + $(window).height() > $(document).height() - 300) {
loading = true;
loadContents();
}
});
function loadContents() {
var url = $('#page-nav a').attr('href');
if (url) {
$('.content-loader').show(100);
$.ajax({
type : 'GET',
url : url,
dataType: 'html',
success : function(loaded) {
var result = $(loaded).find('#content_masonry .loop');
var nextlink = $(loaded).find('#page-nav a').attr('href');
$(loaded).imagesLoaded(function() {
$container.append(result).masonry('appended', result);
$('.popup-post-modal-open').bind('click', DimaPopup);
});
$('.content-loader').hide(100);
if (nextlink != 'undefined') {
$('#page-nav a').attr('href', nextlink);
} else {
$('#page-nav').remove();
}
loading = false;
}
});
}
}