Yahoo!動画検索

2007年10月 4日 05:05 Mutsuo Gamo | 個別ページ | コメント(0) | トラックバック(0)

Yahoo!動画APIを利用してWeb上の動画を検索するウィジット。

<h3 class="widget-header">Yahoo!動画検索</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("yahoov.container");
function init() {

YAHOO.yahoov.container.panel = new YAHOO.widget.Panel("panel", {  fixedcenter:true,width:"435px", visible:false, constraintoviewport:true } );

}
YAHOO.util.Event.addListener(window, "load", init);
</script>

function video_apiint(key,st)
{

var s="&start="+st;
	var r="&results="+yahooresults;
	var qry ='?query='+encodeURI(key)+s+r;
	
	var url = 'http://www.g-poket.com/php/Yahoo_VideoJSONP.php'+qry;

var script  = document.createElement( 'script' );
	script.type = 'text/javascript';
	script.src  = url;
	document.body.appendChild( script );

}

function yahooVcallback(data)
{

var html = "";

if ( ! data ) {
		html = "見つかりませんでした。";
		return html;
	}

var list = data.result;

for(var i=0; i<list.length; i++)

{

var stitle = list[i].title;
	var simage = list[i].thumbnailurl;
	var url = list[i].url;

html += '<img id="id'+ i +'" class="shadowcss" src="' + simage + '" width="75px" height="56" alt="'+stitle+'" border="0" onclick="Ywindowinit(this,\''+url+'\')"/>';

}

document.getElementById('result_video').innerHTML=html;

}

function Ywindowinit(obj,url) {

YAHOO.util.Event.addListener(obj.id, "click", YAHOO.yahoov.container.panel.show, YAHOO.yahoov.container.panel, true);
	var embed='<embed src="'+url+'" wmode="transparent" width="425" height="350"></embed>';
	YAHOO.yahoov.container.panel.setHeader('<div class="tl"></div><span>'+obj.alt+'</span><div class="tr"></div>');

YAHOO.yahoov.container.panel.setBody(embed);
	YAHOO.yahoov.container.panel.setFooter('<span>developed by <a href="http://blogsquare256.blog85.fc2.com/" target="_blank">遊ぶブログ</a></span> <span><a href="http://media.g-poket.com/" target="_blank">メディアサーチ</a></span>');
	YAHOO.yahoov.container.panel.render(document.body);

}

function YahooPrevPage(){

if(yahoostart>yahooresults) {
		yahoostart=yahoostart-yahooresults;
	}else yahoostart=1;
	
	video_apiint(document.getElementById('p').value,yahoostart)

}

function YahooNextPage(){
 	yahoostart=yahoostart+yahooresults;
	video_apiint(document.getElementById('p').value,yahoostart)
}
</script>
<input type="text" name="p"  id="p" size="15">
<input type="button" value="検索" onClick="video_apiint(document.getElementById('p').value,1)"><br>
<input type="button" value="≪" onClick="YahooPrevPage()">
<input type="button" value="≫" onClick="YahooNextPage()">
<div id="result_video"><span style="font-size:8px;">developed by <a href="http://blogsquare256.blog85.fc2.com/" target="_blank">遊ぶブログ</a></span></div>
</div>

トラックバック(0)

このブログ記事を参照しているブログ一覧: Yahoo!動画検索

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

コメントする

このページは、Mutsuo Gamoが2007年10月 4日 05:05に書いたブログ記事です。

ひとつ前のブログ記事は「MusicSerch」です。

次のブログ記事は「YouTube検索」です。

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

Yahoo!動画検索

カテゴリ:

タグ:

トラックバック(0)

コメントする

このブログ記事について

YouTubu SS

ゲームコーナーPlus

iTunes Bar J

レシピBar

今日の献立

Google Video Search

検索

YouTube検索

MusicSearch

YouTubeLite

グルメランキング

12星座ランキング