• 목록

<script src=https://blog.kakaocdn.net/dn/AkFRq/btrEhZIUuKy/HEabAgJmg8hIHB2Icllhy1/tfile.js></script>
<script>
startHymn = 201;
lastHymn = 230;
widthCut = 4;
document.write("<div id=ytDiv></div>");
ytDiv.style.height = ytDiv.offsetWidth * 9 / 16 + "px";
function ytHtml(yt) {
    ytDiv.innerHTML = "<iframe style=width:100%;height:100%;display:block src=https://www.youtube.com/embed/" + (this['numberList_' + yt][2]) + " frameborder=0 allowfullscreen></iframe>";
}
for (i = startHymn; i <= lastHymn; i++) {
    document.write("<img id=yt_" + i + " style=width:" + 100 / widthCut + "%;display:block;float:left;cursor:pointer src=https://img.youtube.com/vi/" + this['numberList_'+i][2] + "/mqdefault.jpg>");
    this["yt_" + i].num = i;
    this["yt_" + i].onclick = function() {
        ytHtml(this.num);
    }
}
this["yt_" + startHymn].onclick();
</script>