목록에서 재생되는 유튜브 썸네일 만들기

skin.html에서 아래 코드를 찾아서

var h = /\/\/www.youtube.com\/embed\/(.*?)"/g.exec(html)[1];
h = 'http://img.youtube.com/vi/'+h.split("?")[0]+'/maxresdefault.jpg';
var tmpImg = new Image();
tmpImg.src = h;
$(tmpImg).one('load', function(){
if (tmpImg.width == 120)
	h = h.replace("maxresdefault", "hqdefault");
i.attr("src", "http://i1.daumcdn.net/thumb/R400x0/?fname="+h);
});

다음과 같이 변경

var h = /<iframe(.*?)www.youtube.com\/embed\/(.*?)"(.*?)<\/iframe>/g.exec(html);
var tW = /width="(.*?)"/.exec(h[0])[1];
var tH = /height="(.*?)"/.exec(h[0])[1];
h = '<iframe src="https://www.youtube.com/embed/'+h[2].split("?")[0]+'?modestbranding=1&showinfo=0&theme=light&rel=0&controls=0" frameborder="0" style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>';
i.attr("src", "http://placehold.it/"+tW+"x"+tH+"/ffffff/ffffff").wrap("<div style='position:relative;z-index:7;'></div>").before(h);

다음과 같은 형태로 보인다