Í·¤Ö¥Ö¥í¥°¡Ü Java¥¹¥¯¥ê¥×¥È¾®µ»½¸

<input type="button" name="btn" value="ÊĤ¸¤ë" onclick="yvlf1.clr()"> <input type="button" name="btn" value="´Ñ¤ë" onclick="yvlf1.viewcont()"> <div id="youtube_featured"></div> <span style="margin-left:10px;font-size:8px;">developed by <a href="http://blogsquare256.blog85.fc2.com/" target="_blank">Í·¤Ö¥Ö¥í¥°</a></span> <script type="text/javascript"> var tag = 'kanon' var perpage='10' </script> <script type="text/javascript"> var page ='1' var name = 'yvlf1'; var proxy = 'http://app.drk7.jp/xml2json/'; var apiurl='http://www.youtube.com/api2_rest?method=youtube.videos.list_by_tag&dev_id=qmEbA1Q-uJ8'+'&tag='+encodeURI(tag)+'&page='+page+'&per_page='+perpage; var res = ''; var yvlf1 = {}; yvlf1.init = function() { var script = document.createElement('script'); script.charset = 'UTF-8'; script.src = proxy + 'var=' + this.name + '&url=' + escape(apiurl); document.body.appendChild(script); } yvlf1.onload = function(data){ var videos = data.video_list.video; for (var idx in videos) { var video = videos[idx]; res += '<img src="'+video.thumbnail_url+'" border=0 alt="'+video.title+'" width="75" height="56" onClick="GsVideoOver.ObjVew.showBox(\''+video.url+'\',1)" />'; } var ele = document.getElementById('youtube_featured'); ele.innerHTML = res; } if (window.addEventListener) { window.addEventListener('load', yvlf1.init, false); } else if (window.attachEvent) { window.attachEvent('onload', yvlf1.init); } else { var old = window.onload; window.onload = (typeof old != 'function') ? yvlf1.init : function(e) { old(e); return yvlf1.init(e);}; } yvlf1.clr = function(){ var ele = document.getElementById('youtube_featured'); ele.style.visibility = "hidden"; ele.innerHTML=""; } yvlf1.viewcont = function(){ var ele = document.getElementById('youtube_featured'); ele.innerHTML=res; ele.style.visibility = "visible"; } var GsVideoOver = {}; GsVideoOver.ObjVew = {} GsVideoOver.ObjVew.status = 0; GsVideoOver.ObjVew.top = 10; GsVideoOver.ObjVew.left = 300; GsVideoOver.ObjVew.target = { x:0,y:0}; GsVideoOver.ObjVew.windowH; GsVideoOver.ObjVew.windowW; GsVideoOver.ObjVew.scrollH; GsVideoOver.ObjVew.scrollW; GsVideoOver.ObjVew.keyword = ''; var isIE = null; var myOP = 0; myOP = (navigator.userAgent.indexOf("Opera",0) != -1)? 1 : 0; var myN6 = document.getElementById; var myIE = document.all; var myN4 = document.layers; if (myIE)isIE = 1; GsVideoOver.ObjVew.setWH = function(){ if (window.innerHeight && window.scrollMaxY) { GsVideoOver.ObjVew.scrollW = document.body.scrollWidth; GsVideoOver.ObjVew.scrollH = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac GsVideoOver.ObjVew.scrollW = document.body.scrollWidth; GsVideoOver.ObjVew.scrollH = document.body.scrollHeight; } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari GsVideoOver.ObjVew.scrollW = document.body.offsetWidth; GsVideoOver.ObjVew.scrollH = document.body.offsetHeight; } if (self.pageYOffset) { scrollY = self.pageYOffset scrollX = self.pageXOffset } else if ( document.documentElement && document.documentElement.scrollTop ) { // Explorer 6 Strict scrollY = document.documentElement.scrollTop; scrollX = document.documentElement.scrollLeft; } else if (document.body) { // all other Explorers scrollY = document.body.scrollTop; scrollX = document.body.scrollLeft; } if (self.innerHeight) { // all except Explorer GsVideoOver.ObjVew.windowW = self.innerWidth; GsVideoOver.ObjVew.windowH = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode GsVideoOver.ObjVew.windowW = document.documentElement.clientWidth; GsVideoOver.ObjVew.windowH = document.documentElement.clientHeight; } else if (document.body) { // other Explorers GsVideoOver.ObjVew.windowW = document.body.clientWidth; GsVideoOver.ObjVew.windowH = document.body.clientHeight; } } GsVideoOver.ObjVew.showBox= function ( src, isFlash ){ GsVideoOver.ObjVew.setWH(); var div = document.createElement('div'); div.style.backgroudColor = "#eee"; if(isIE){ div.style.backgroundImage = "url('http://blog47.fc2.com/a/asovu/file/blank.gif')"; div.runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://media.g-poket.com/js/lightbox_overlay.png", sizingMethod="scale")'; }else{ div.style.backgroundImage = "url('http://blog47.fc2.com/a/asovu/file/lightbox_overlay.png')"; } div.style.backgroundRepeat = "repeat"; div.style.position = "absolute"; div.style.top = 0; div.style.left = 0; div.style.margin = "0 auto"; div.style.width = "100%"; div.style.height = GsVideoOver.ObjVew.scrollH; div.style.cursor ="hand"; div.style.cursor ="pointer"; div.style.zIndex = 100; div.onclick = function() { this.style.display = 'none'; this.innerHTML=''; }; div2 = document.createElement('div'); div2.style.position = "absolute"; div2.style.background= "#313131"; div3 = document.createElement('div'); div3.style.position = "absolute"; div3.style.padding = "15px 0px 0px 0px"; div3.style.background= "white"; div4 = document.createElement('div'); div4.style.position = "absolute"; div4.style.font = "bold 12px Tahoma"; div4.style.color = "#313131"; div4.style.padding = "0px 15px 0px 15px"; if(isFlash) div4.innerHTML="CLOSE"; src = src.replace('http://www.youtube.com/?v=',''); src ='http://www.youtube.com/v/'+src; var embed = document.createElement('embed'); embed.src=src; embed.width=425; embed.height=350; embed.quality = "high"; //embed.wmode = "transparent"; embed.setAttribute('pluginspage','http://www.macromedia.com/go/getflashplayer'); embed.type = "application/x-shockwave-flash"; div2.style.top = ((GsVideoOver.ObjVew.windowH - 350) / 2 + scrollY) + "px"; div2.style.left =( (GsVideoOver.ObjVew.windowW - 425) / 2 + scrollX) + "px"; div2.appendChild(div3); div2.appendChild(div4); div3.appendChild(embed); div.appendChild(div2); document.body.appendChild(div); } </script>