Im Showroom habe ich den Slider auf die neueste Version aktualisiert, dazu noch ein bisschen aufgeräumt und die CSS Bugs behoben, die es seit dem neuen Theme gab.

Das Theme hier nutzt FitVids.js um Videos auf die aktuelle Seitenbreite zu skalieren. Dabei war der jQuery Selector für die Kickstarter-Videos so ungenau, dass er auch auf die Projectcards wirkte. (Ich habe beides im vorherigem Post genutzt). Nun habe ich beim GitHub Projekt von FitVids ein Issue dafür angelegt. Da ich dann aber auch doch nicht warten wollte, habe ich ihn eben selbst gefixed und in meinem Ticket meine Quick’n'Dirty-Lösung hinterlassen.

I fixed it for me with an regex function and a changed selector:

var selectors = [
"iframe[src*='player.vimeo.com']",
"iframe[src*='www.youtube.com']",
"iframe[src*='www.kickstarter.com']:regex(src, video.html)",
"object",
"embed"
];

jQuery.expr[':'].regex = function(elem, index, match) {
var matchParams = match[3].split(‘,’),
validLabels = /^(data|css):/,
attr = {
method: matchParams[0].match(validLabels) ?
matchParams[0].split(‘:’)[0] : ‘attr’,
property: matchParams.shift().replace(validLabels,”)
},
regexFlags = ‘ig’,
regex = new RegExp(matchParams.join(”).replace(/^\s+|\s+$/g,”), regexFlags);
return regex.test(jQuery(elem)[attr.method](attr.property));
}