유튜브 DATA API 1 source

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