티스토리 뷰

YouTube

유튜브 DATA API 1 source

TYZEN 2010. 3. 1. 19:07


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
댓글
  • 프로필사진 덩어리 API 때문에 해석하랴, 테스트해 보랴..정신없던차에 자료검색중에 만나뵙게 되었네요...먼저 좋은정보 공유해주셔서 감사드립니다..

    초보라 궁금한것이 많이 있는데요...
    동영상 리스트에서 제목만 출력되고 있는데...혹 조회수도 가져올 수 있나요??
    어떻게 가지고 오는지 궁금하네요..
    2012.05.22 20:37
댓글쓰기 폼