Da habe ich wohl etwas übersehen. Ja, wenn Du das Skript einschl. der <script>-Tags mit HTML-Kommentar-Zeichenfolgen auskommentierst, wird wahrscheinlich das Skript trotzdem ausgeführt.
var players = {}, activeid = "";
var domready = false, apiready = false;
function onPlayerStateChange(event) {
var id = $(event.target.a).attr("id");
if (activeid != "" && activeid != id) {
//players[acticeid].player.destroy();
createPlayer(activeid);
}
activeid = id;
}
function onPlayerReady(event) {
$(event.target.a).prev("img").hide();
}
function createPlayer(id) {
$("#" + id).replaceWith('<div id="' + id + '"></div>');
players[id].player = new YT.Player(id, {
height: '113',
width: '200',
videoId: players[id].videoid,
events: {
'onStateChange': onPlayerStateChange,
'onReady': onPlayerReady
}
});
players[id].created = true;
}
function inView2(id) {
$e = $("#" + id);
//if ($e.is(":hidden")) return;
var $w = $(window);
var wt = $w.scrollTop(),
wb = wt + $w.height(),
et = $e.offset().top,
eb = et + $e.height(),
th = 200;
return eb >= wt - th && et <= wb + th;
}
function createPlayers() {
if (domready && apiready) {
for (id in players) {
if (!players[id].created && inView2(id)) createPlayer(id);
}
}
};
function onYouTubeIframeAPIReady() {
apiready = true;
createPlayers();
}
$(document).ready(function () {
$("img").unveil(200);
$("li > iframe").each(function (idx) {
var id = "video" + (idx + 1);
$(this).attr("id", id);
var videoid = $(this).attr("data-videoid");
players[id] = {};
players[id].videoid = videoid;
});
domready = true;
createPlayers();
$(window).on("scroll", createPlayers);
}); .zitty li {
position: relative;
}
.zitty img[src*='blind_02.gif'] {
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 113px;
padding: 0;
margin: 0; <img src="imgz/blind_02.gif" width="200" height="113" ><iframe width="200" height="113" data-videoid="hJXT2V4wIPI" frameborder="0" allowfullscreen=allowfullscreen></iframe>
$(window).on("scroll", createPlayers); var scrollHandle = null;
$(window).on("scroll", function () {
console.log("Scroll");
if (scrollHandle) clearTimeout(scrollHandle);
scrollHandle = setTimeout(createPlayers, delayScrolling);
});/**
* jQuery Unveil
* A very lightweight jQuery plugin to lazy load images
* http://luis-almeida.github.com/unveil
*
* Licensed under the MIT license.
* Copyright 2013 Luís Almeida
* https://github.com/luis-almeida
*/
;(function($) {
$.fn.unveil = function(threshold, callback) {
var $w = $(window),
th = threshold || 0,
retina = window.devicePixelRatio > 1,
attrib = retina? "data-src-retina" : "data-src",
images = this,
loaded;
this.one("unveil", function() {
var source = this.getAttribute(attrib);
source = source || this.getAttribute("data-src");
if (source) {
this.setAttribute("src", source);
if (typeof callback === "function") callback.call(this);
}
});
function unveil() {
var inview = images.filter(function() {
var $e = $(this);
if ($e.is(":hidden")) return;
var wt = $w.scrollTop(),
wb = wt + $w.height(),
et = $e.offset().top,
eb = et + $e.height();
return eb >= wt - th && et <= wb + th;
});
loaded = inview.trigger("unveil");
images = images.not(loaded);
}
//$w.on("scroll.unveil resize.unveil lookup.unveil", unveil);
var scrollHandle = null;
$w.on("scroll.unveil resize.unveil lookup.unveil", function () {
if (scrollHandle) clearTimeout(scrollHandle);
scrollHandle = setTimeout(unveil, 200);
});
unveil();
return this;
};
})(window.jQuery || window.Zepto);
