Доброго времени суток.
Хотелось бы узнать почему данный скрипт при подключении в dom не работает с тегом <!doctype html>.
$(document).ready(function()
{
youTuber();
});
function youTuber()
{
$("head").append($("<link>").attr({ type: 'text/css', rel: 'stylesheet', href: 'youtuber/youtuber.css' })); // css
$("body").append($("<div>").attr({ class: 'youtuberBack' })); // bg
$(".youTuberBack").height($(document).height()/4);
var i, id, shortLink, bg = $(".youTuberBack"), wh, ww, video, fw, fh, qw, qh, href;
qw = [3840, 2560, 1920, 1280, 854, 640, 426]; // video sizes
qh = [2160, 1440, 1080, 720, 480, 360, 240];
function sizeVideo() // resize video
{
ww = $(window).width();
for (i=0; i < qw.length; i++)
{
if (ww > qw[i])
{
$("#youTuber").attr({"width": qw[i]/1.5, "height": qh[i]/1.5});
$(video).css({"width": qw[i], "height": qh[i]});
break;
}
}
}
function sizeContainer()
{
if ($(video).is(":visible"))
{
wh = $(window).height();
ww = $(window).width();
fw = $(video).width();
fh = $(video).height()/2;
$(video).css("left", (ww-fw)/2);
$(video).css("top", (wh-fh)/4);
$(bg).css("height", $(document).height());
}
}
function closeContainer()
{
$(bg).html("");
$(bg).fadeOut("fast");
}
$(".youTuber").click(function() // link click
{
href = $(this).attr("href"); // get link
i = href.search(/\/youtu.be/i);
if (i > 0) // youtu.be
{
id = href.match(/(\.be\/)([^&]+)/);
id = id[2];
}
else // youtube.com
{
id = href.match(/(\?|&)v=([^&]+)/);
id = id[2];
}
if (id.length == 0) return false;
$(bg).fadeIn("fast");
$(bg).append($("<div />").attr({ id: 'youTuberLoading'}).text("Загрузка"));
$(bg).append($("<div />").attr({ id: 'youTuberClose'}).html("×"));
$(bg).append($("<div />").attr({ id: 'youTuberContainer' }));
$("#youTuberContainer").append($("<iframe />").attr({ src: 'http://youtube.com/embed/'+id, frameborder: 0, id: 'youTuber', "allowfullscreen": "" }));
video = $("#youTuberContainer");
sizeVideo();
$(video).fadeIn("fast");
sizeContainer();
return false;
});
$(window).resize(function() // resize
{
sizeContainer();
sizeVideo();
});
$(bg).click(function() // bg close
{
closeContainer();
});
$(document).keyup(function(a) // esc btn
{
if ((a.keyCode == 27) && ($(bg).is(":visible"))) {
$(bg).click();
}
});
}
На будущее при многом благодарен!
