유튜브 DATA API 1 source

2010.03.01 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("http://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

  1. 덩어리

    API 때문에 해석하랴, 테스트해 보랴..정신없던차에 자료검색중에 만나뵙게 되었네요...먼저 좋은정보 공유해주셔서 감사드립니다..

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

티스토리 툴바