(function ($) {
$.fn.vidbacking = function (options) {
var settings = $.extend({
'video-opacity': '1',
'masked': false,
'mask-opacity': '1'
}, options);
return this.each(function () {
var targetobj = $(this),
obj = $('.vidbacking'),
poster = obj.attr('poster'),
targettag = targetobj.prop('tagName'),
targetid = targetobj.prop('id');
if (targettag == 'BODY') {
obj.css('background-size', '100% 100% !important');
obj.css('background-image', 'url(' + poster + ')');
obj.addClass('vidbacking-active-body-back');
obj.css('opacity', settings["video-opacity"]);
obj.removeClass('vidbacking');
if (settings.masked == true) {
obj.after('
');
$('.vidmask-body-back').css('opacity', settings["mask-opacity"]);
}
$(window).resize(function () {
var winh = $(window).height(),
winw = $(window).width(),
vidh = obj.height(),
vidw = obj.width();
if (vidh < winh) {
obj.css('height', winh);
}
if (vidw < winw) {
obj.css('width', winw);
}
});
} else {
targetobj.css('position', 'relative');
targetobj.css('overflow', 'hidden');
obj.css('background-image', 'url(' + poster + ')');
obj.addClass('vidbacking-active-block-back');
obj.css('opacity', settings["video-opacity"]);
obj.removeClass('vidbacking');
if (settings.masked == true) {
targetobj.append('
');
targetobj.find('.vidmask-block-back').css('opacity', settings["mask-opacity"]);
}
$(window).resize(function () {
var winh = targetobj.height(),
winw = targetobj.width(),
vidh = obj.height(),
vidw = obj.width();
if (vidh < winh) {
obj.css('height', winh);
}
if (vidw < winw) {
obj.css('width', winw);
}
});
}
});
}
})(jQuery);