YouTubu SS

2007年6月 9日 03:13 Mutsuo Gamo | 個別ページ | コメント(0) | トラックバック(0)

YouTubeの検索結果(10件)のサムネイルをスライドショーで表示するウィジット。

マウスオーバーでスライド停止。

スライドをクリックすると、その動画をブログ上でオーバーレイ再生します。

サンプルはサイドバー参照。

初期検索キーワード(ブログ表示時に検索検索を実行するキーワード)は、テキストボックスのタグのvalueで指定してください。

<h3 class="widget-header">YouTubu SS</h3>
<div class="widget-content">
 <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.2/build/container/assets/container.css">

<script type="text/javascript" src="http://yui.yahooapis.com/2.2.2/build/yahoo-dom-event/yahoo-dom-event.js"></script>

<script type="text/javascript" src="http://yui.yahooapis.com/2.2.2/build/connection/connection-min.js"></script>

<script type="text/javascript" src="http://yui.yahooapis.com/2.2.2/build/animation/animation-min.js"></script>

<script type="text/javascript" src="http://yui.yahooapis.com/2.2.2/build/container/container-min.js"></script>

<script type="text/javascript" src="http://yui.yahooapis.com/2.2.2/build/container/container_core-min.js"></script>
<link type="text/css" rel="stylesheet" href="http://media.g-poket.com/css/AquaSkin.css">
<script type="text/javascript">
YAHOO.namespace("youtubess.container");
function init() {
YAHOO.youtubess.container.panel = new YAHOO.widget.Panel("panel", {
 fixedcenter:true,
width:"435px", 
visible:false,
 constraintoviewport:true 
});
}
YAHOO.util.Event.addListener(window, "load", init);
</script>
<script src="http://www.google.com/jsapi/?key=ABQIAAAAczmJ6kX_IZK9beD9Ny01PRS-vBdxGCntdlRLe_V70no3tWRLyRTzUoZXN4pGCEsO396DSlpcwSMFSg"  type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"  type="text/javascript"></script> <style type="text/css">
 .gss a img {border : none;}
 .gss { width: 130px
;  height: 97px;
 color: #dddddd;
 background-color: #000000;
 padding: 5px; 
}
 </style>
 <script type="text/javascript">
 function yt_slideshowload() { 
document.getElementById('Youtubeslideshow').innerHTML='Loading...';
 var tag=document.getElementById('ystag').value;
 var yutubeRSS = 'http://gssquare.oh.land.to/php/yt2_rss.php?tag='+escape(encodeURI(tag));
 var options = {imageClickCallback : ytClickHandler,
scaleImages : true,
displayTime : 10000,
transitionTime : 500
}; 
var yss = new GFslideShow(yutubeRSS, "Youtubeslideshow", options);
 function ytClickHandler(entry) {
 var src = entry.link;
src = src.replace('http://www.youtube.com/?v=',''); src ='http://www.youtube.com/v/'+src;
var embed='<embed src="'+src+'" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>';
YAHOO.youtubess.container.panel.setHeader('<div class="tl"></div><span>'+entry.title+'</span><div class="tr"></div>');
YAHOO.youtubess.container.panel.show();
YAHOO.youtubess.container.panel.setBody(embed);
YAHOO.youtubess.container.panel.setFooter('<span style="margin:0 0 0 5px;text-align: right;font-size:8px;">developed by <a href="http://blogsquare256.blog85.fc2.com/" target="_blank">遊ぶブログ</a> <a href="http://www.g-poket.com/simple_youtube/" target="_blank">シンプル動画</a></span>');
YAHOO.youtubess.container.panel.render(document.body);
yss.resumeSlideShow(); 
} 
YrakuSearch({});
 }
 google.load("feeds", "1");
 google.setOnLoadCallback(yt_slideshowload);
function YrakuSearch(param){
var page=Math.floor(Math.random()*100+1);
param.developerId ='a7f1cf96c00c5f87f63a83e5d287d1fd';
param.version = '2007-04-11';
param.operation ='ItemSearch'; param.hits = 1;
param.page = page;
param.imageFlag = 1;
param.callBack = 'YrakuCallback';
param.affiliateId='043a2c2d.c6b915a9.043a2c2e.fee41311';
param.sort = 'random';
param.keyword = document.getElementById('ystag').value;
op = param.operation;
// APIリクエストURLの生成(GETメソッド)
var apireq = 'http://api.rakuten.co.jp/rws/1.7/json?'+ objYrakuquery( param );
var script = document.createElement( 'script' );
script.type = 'text/javascript'; script.charset = 'UTF-8';
script.src = apireq;
document.body.appendChild( script );
}
function objYrakuquery ( obj ) {
 var list = [];
 for( var key in obj ) {
 var k = encodeURIComponent(key);
 var v = encodeURIComponent(obj[key]);
 list[list.length] = k+'='+v;
 }
 var query = list.join( '&' );
 return query;
}
function YrakuCallback( data ) {
var status = data.Header.Status;
var rakuten_html = "";
if(status=="Success"){
var list = data.Body.ItemSearch.Items.Item;
var s=data.Body.ItemSearch;
for(var i=0; i<list.length; i++){
var iCode = list[i].itemCode;
var iName = list[i].itemName;
var iPrice =list[i].itemPrice;
var iUrl = list[i].itemUrl;
var aUrl = list[i].affiliateUrl;
var iImage = list[i].mediumImageUrl;
var iCaption = list[i].itemCaption;
rakuten_html += '<span style="font-size:9px">【PR】<a href="'+aUrl+'" target="_blank" title="'+iName+'">'+iName.substring(0,12)+'..</a></span>';
}}
 document.getElementById("rakuteny").innerHTML= rakuten_html;
} 
</script>
<div id="showcontent" style="text-align:center;"><div id="Youtubeslideshow" class="gss"></div><input type="text" name="ystag" id="ystag" style="width:100px" value="平井堅"><input type="button" value="go" onclick="yt_slideshowload()"><div id="rakuteny" ></div><span style="font-size:8px;">developed by <a href="http://blogsquare256.blog85.fc2.com/" target="_blank">遊ぶブログ</a><br></span></div></div>

トラックバック(0)

このブログ記事を参照しているブログ一覧: YouTubu SS

このブログ記事に対するトラックバックURL: http://www.g-poket.com/mt4/mt-tb.cgi/446

コメントする

このページは、Mutsuo Gamoが2007年6月 9日 03:13に書いたブログ記事です。

ひとつ前のブログ記事は「今日の献立」です。

次のブログ記事は「iTunes Bar J」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

YouTubu SS

カテゴリ:

タグ:

トラックバック(0)

コメントする

このブログ記事について

YouTubu SS

ゲームコーナーPlus

iTunes Bar J

レシピBar

今日の献立

Google Video Search

検索

YouTube検索

MusicSearch

YouTubeLite

グルメランキング

12星座ランキング