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);


다음과 같은 형태로 보인다

신고

'Video > Youtube' 카테고리의 다른 글

목록에서 재생되는 유튜브 썸네일 만들기  (0) 2017.07.18
youtube 2개  (0) 2017.07.12
youtube 960*540  (0) 2017.07.10

티스토리 툴바