테스트 사이트 - 개발 중인 베타 버전입니다
SIR

[유트브]동영상 사이트 만들기

플레이디원
프로필 보기이 회원 글보기
 · 14년 전 · 1823 · 3

링크

http://121.156.58.206/inc/jin/jin/youtube.php (150)
미리보기 : http://121.156.58.206/inc/jin/jin/youtube.php
아티스트를 클릭하세요

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="youtube search api">
<meta name="keywords" content="jquery & youtube api">
<meta name="author" content="dokjin@gamil.com">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<title>Youtube Search</title>
<script type="text/javascript">
<!--
function search_youtube(query,image){
var results = 24;//검색결과
$("#result").html('');
var keyword= encodeURIComponent(query);
var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results='+results+'&v=2&alt=jsonc';
$.ajax({
type: "GET",
url: yt_url,
dataType:"jsonp",
success: function(response)
{
if(response.data.items)
{
$.each(response.data.items, function(i,data)
{
var video_id=data.id;
var video_title=data.title;
var video_viewCount=data.viewCount;
var video_image=data.thumbnail.sqDefault;
var video_description=data.description;
if (image)
{
var video_frame="<img src='"+ video_image+"'>";
}else{
var video_frame="<iframe width='193' height='160' src='http://www.youtube.com/embed/"+video_id+"' frameborder='0' ype='text/html'></iframe>";
}
var final='<li style="float:left;padding-right:10px;height:400px;"><a href="#">'+video_frame+'<br /><dl style="margin-top:10px;width:173px;"><dt>'+video_title+'('+video_viewCount+')</dt><dd>'+video_description+'</dd></dl></a></li>';


$("#result").append(final);
});
}
else
{
$("#result").html("<div id='no'>No Video</div>");
}
}
});
}
//-->
</script>
<style type="text/css">
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
line-height:normal;
}
body {font-size:.75em; font-family:"굴림",gulim, "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif;}
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
a:active {color:#666; text-decoration:none;}
#container{width:980px; margin:0 auto;border:#cccccc 1px solid;}
#main_contents_area{padding:10px;}
.floatL {float:left !important;}
.floatR {float:right !important;border-left:#cccccc 1px solid;}
.artist_list{padding:10px;width:200px;}
.artist_list li{list-style:none;border-bottom:#cccccc 1px solid;padding:5px;}
.video_list{padding:10px;}
/* Live B */
.video_list ul {width:710px; padding-left:2px; overflow:hidden; *zoom:1;}
.video_list ul li {float:left; width:195px; height:213px; margin:5px 9px; overflow:hidden;}
.video_list ul li a {display:block;}
.video_list ul li img {width:193px; height:123px; margin-bottom:3px; border:1px solid #ccc;}
.video_list ul dt {width:193px;font-size:14px; color:#333; font-weight:bold; height:37px; line-height:120%; overflow:hidden;}
.video_list ul dd {width:193px;font-size:12px; line-height:130%; color:#777;}

</style>
</head>


<body>
<br />
<!-- Container -->
<div id="container">
<!-- Contents -->
<div id="main_contents_area" class="floatL">
<ul style="width:720px; padding-left:2px; overflow:hidden; *zoom:1;" id="result"></ul>
</div>
<!-- Aside -->
<div id="main_side_area" class="floatR">
<ul class="artist_list">
<li onclick="search_youtube('바이브')">바이브</li>
<li onclick="search_youtube('김광석')" >김광석</li>
<li onclick="search_youtube('이문세')">이문세</li>
<li onclick="search_youtube('이승철')">이승철</li>
<li onclick="search_youtube('2ne1')">2ne1</li>
<li onclick="search_youtube('박정현')">박정현</li>
<li onclick="search_youtube('장혜진')">장혜진</li>
<li onclick="search_youtube('옛사랑')">옛사랑</li>
</ul>
</div>
</div>


</body>

</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>

첨부파일

youtube.html (4.4 KB, 74회)
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

범범
프로필 보기이 회원 글보기
 14년 전
감사합니다.
범범
프로필 보기이 회원 글보기
 14년 전
잘 사용하겠습니다.
웹프로
프로필 보기이 회원 글보기
 14년 전
감사합니다. 참고하겠습니다.

게시글 목록

번호 제목
12281
JavaScript 팝업창을 브라우저 해상도 구분없이 항상 중앙에 띄우기 입니다. 1
20386
기타 유튜브 재생 중인 팝업 레이어 숨길 때 재생 멈추는 방법
12280
jQuery 간단한 셀렉트 드롭다운 제이쿼리
12279
JavaScript 우클릭해제 소스 보기 자바스크립트 입니다.
12278
JavaScript 미리보기 소스 입니다.
12277
JavaScript 움직임이 자연스러운 자바시계 입니다.
12276
JavaScript 특정사람에게 메일 보내기 입니다.
12275
JavaScript DirectX의 와이프 기능을 사용한 이미지 스와핑 효과 내기 입니다.
12274
JavaScript iframe 써서 노 프레임 효과 내기 입니다.
12273
jQuery 이미지 없이 구현하는 간단한 별점 기능 제이쿼리
12272
PHP PHP 4.x버전에서 hash_hmac 함수 사용하기
12260
node.js Node.js - 실시간 위치 추적 (1) 11
360
색 조합 유용한 곳 7
12258
PHP wget으로 외부 컨텐츠 가져오기 입니다. 1
12257
PHP php로 이미지 흑백효과 주기 입니다.
12256
PHP Sendmail 로그분석 스팸 탐지 정리입니다.
12255
PHP 이미지주소 인코딩으로 페이지로딩시간 절약하기 입니다.
12253
PHP 유용한 함수 file_exists 입니다. 1
12252
PHP 마우스 오른쪽 매뉴활성화 막는 간단한 방법입니다
12251
PHP 파일 하나로 끝내는 DB 관리 'Adminer' 입니다.
12250
PHP 프로그램 실행 메모리 체크 memtrack 입니다.
12249
PHP 유용한 함수 call_user_func 입니다.
12248
PHP PHP ANOTATION , Reflection 입니다.
12247
PHP 유용한 함수 array_filter 입니다.
12246
PHP 유용한 함수 substr 과 array_slice 입니다.
이전 다음
전체 목록