티스토리 뷰
Loading...
<SCRIPT type=text/javascript src="http://www.google.com/jsapi"></SCRIPT>
<SCRIPT type=text/javascript>
google.load("swfobject", "2.1");
</SCRIPT>
<SCRIPT type=text/javascript>
function HDPlayer() {
resizePlayer(640, 385);
}
function HQPlayer() {
resizePlayer(480, 385);
}
function resizePlayer(width, height) {
var playerObj = document.getElementById("ytPlayer");
playerObj.height = height;
playerObj.width = width;
}
// This function is called when an error is thrown by the player
function onPlayerError(errorCode) {
alert("An error occured of type:" + errorCode);
}
// This function is automatically called by the player once it loads
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("ytPlayer");
ytplayer.addEventListener("onError", "onPlayerError");
}
// The "main method" of this sample. Called when someone clicks "Run".
function loadPlayer() {
// The video to load
var videoID = "CFuDa_7u624"
// The element id of the Flash embed
var atts = { id: "ytPlayer" };
// All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
swfobject.embedSWF("https://www.youtube.com/v/" + videoID +
"?version=3&enablejsapi=1&playerapiid=player1&fs=1",
"videoDiv", "640", "385", "8", null, null, {allowScriptAccess: 'always',allowfullscreen: 'true'}, atts);
}
function _run() {
loadPlayer();
}
google.setOnLoadCallback(_run);
function showMyVideos(json) {
var data = json.data;
var items = json.data.items || [];
var html = ['<ul class="videos">'];
for (var i = 0; i < items.length; i++) {
var title = json.data.items[i].title;
var thumbnailUrl = json.data.items[i].thumbnail.sqDefault;
var videoID = json.data.items[i].id;
html.push('<li><a href="javascript:ytplayer.loadVideoById(\''+videoID+'\')">');
html.push('<img src="',thumbnailUrl,'" width="120" height="90"></a>');
html.push('<br>', title, '</li>');}
html.push('</ul><br style="clear: left;"/>');
document.getElementById('videolist').innerHTML = html.join('');
}
</SCRIPT>
<STYLE>
ul.videos li {
overflow: hidden;
float: left;
width: 126px;
margin:0px;
padding:0px;
font-size: 11px;
font-family: Verdana, Arial;
height: 175px;
}
ul.videos li img {
border: 3px solid #fff;
cursor: pointer;
}
</STYLE>
<DIV id=videoDiv>Loading...</DIV>
<DIV id=videoInfo><INPUT onclick=javascript:HDPlayer() value=Widescreen type=button> <INPUT onclick=javascript:HQPlayer() value=Standard type=button></DIV>
<DIV id=videolist></DIV>
<SCRIPT type=text/javascript src="http://gdata.youtube.com/feeds/api/users/MichellePhan/uploads?v=2&alt=jsonc&callback=showMyVideos&max-results=10"></SCRIPT>
'YouTube' 카테고리의 다른 글
유튜브 DATA API 2 -Thumbnail (2) | 2010.03.03 |
---|---|
유튜브 API - Player and Data API (2) | 2010.03.02 |
유튜브 DATA API 1 source (1) | 2010.03.01 |
유튜브 DATA API 1 (4) | 2010.03.01 |
유튜브 플레이어 API 2 - 크기변경과 전체화면 (0) | 2010.02.28 |
유튜브 플레이어 API (5) | 2010.02.27 |