PluginSQUARE YouTubu SS

YouTubu SS

YouTubeの検索結果(10件)のサムネイルをスライドショーで表示するプラグイン。

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

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

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

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

<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://4.dtiblog.com/p/plugin/file/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>

</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://plugin.4.dtiblog.com/" target="_blank">PluginSQUARE</a><br></span>
</div>

<< レシピBar | ホーム | Google動画検索 >>

コメントの投稿

トラックバック

トラックバックURLはこちら: http://plugin.4.dtiblog.com/tb.php/2-a78c764a

PluginSQUARE

プラグイン、ブログパーツを配布しています。

YouTubu SS

コメント

コメントの投稿

トラックバック

DTIブログって？