遊ぶブログ＋ Javaスクリプト小技集 | Google動画検索

ブログ
リンク
フリーエリア
動画･音楽
楽天

ブログ

Entries

Google動画検索

ジャンル : ブログ
スレッドテーマ : ブログパーツ

GoogleのAPIを利用して、動画(YouTube)を検索するプラグイン。

検索結果をクリックすると、ブログ上で動画が再生されます。

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

<div class="widget-content">
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAczmJ6kX_IZK9beD9Ny01PRQ9yX7PmJklh413HBo7DYk32eGLfBTeoh29N1dWFECBU0M15LyeqRy9HA" type="text/JavaScript"></script> <link href="http://www.google.com/uds/css/gsearch.css" rel="stylesheet" type="text/css"/>
<script src="http://www.google.com/uds/solutions/videobar/gsvideobar.js" type="text/JavaScript"></script> <link href="http://www.google.com/uds/solutions/videobar/gsvideobar.css" rel="stylesheet" type="text/css"/>
<script type="text/JavaScript">
function cse() {
var sFormDiv = document.getElementById("searchForm");
this.searchForm = new GSearchForm(true, sFormDiv);
this.searchForm.setOnSubmitCallback(this, cse.prototype.onSubmit);
this.searchForm.setOnClearCallback(this, cse.prototype.onClear);
var options;
var videoBarDiv = document.getElementById("videoBar");
//var videoPlayerDiv = document.getElementById("videoPlayer");

var vboptions = { 
	largeResultSet :!true,
	horizontal : false
}

this.videoBar = new GSvideoBar(videoBarDiv, GSvideoBar.PLAYER_ROOT_FLOATING, vboptions);
// 最初に検索するキーワードの設定
this.searchForm.execute("&answer1");
}
cse.prototype.onSubmit = function(form) {
var q = form.input.value;
if (q && q!= "") {
this.videoBar.execute(q);}
return false;
}
cse.prototype.onClear = function(form) {
this.videoBar.clearAllResults();
form.input.value = "";
return false;
}
function OnLoad() {
new cse();
}
GSearch.setOnLoadCallback(OnLoad);
</script>
<style type="text/css">.gsc-control form.gsc-search-box { display : none; }#searchForm { width : 150px;}#video { width : 160px;}/* VideoBar Setting */#videoBar { margin: 0px; padding : 0px; }.playerInnerBox_gsvb .player_gsvb {width : 320px; height : 260px; }</style>

<div id="video"><div id="searchForm">Loading...</div>

<div id="videoBar">Loading...</div></div>
</div>

0件のコメント

コメントの投稿

1件のトラックバック

[T9] You Tubeプラグインを設定しました

今話題の動画再生You Tubeプラグインを設定しました。よく見かけ私もブログに設定してみたいと常日頃思っていましたがやり方が不明?本日偶然に見つけ設定しました初期設定を宇宙戦艦ニャマトに変更

2007-11-29
発信元 : ■お絵かき画像通信■ 　- Artist image communication -

トラックバックURL: http://blogsquare256.blog85.fc2.com/tb.php/180-798c680c; この記事に対してトラックバックを送信する（FC2ブログユーザー）

カテゴリ

タグ

翻訳

developed by 遊ぶブログ

翻訳結果:

最新の記事

最近のコメント

SEO対策広告無料カウンター

現在の閲覧者数:

SEO対策広告無料カウンター

[PR] アクセス解析

ブロとも申請フォーム

この人とブロともになる

RSSフィード

Powered By FC2ブログ

最強ブログ

FC2ブログ 紹介予定派遣

リンク、プロフィールなどを表示

プロフィール

Author:Gamo
ブロガーを応援する便利なブログパーツをお届けします。

管理者ページ

ゲームで一息。

おまけ　spaceinvaders

GoogleのAPIを利用して、動画(YouTube)を検索するプラグイン。検索結果をクリックすると、ブログ上で動画が再生されます。サンプルはサイドバー参照。...

実験･作成中プラグインの置き場

flickrで記憶力チェック! お試し版

flickrで記憶力チェック! お試し版

これは何？

flickrの画像を検索して、検索結果の画像で神経衰弱ぽいことをするお遊びツールです。

①キーワード、検索数を指定して[検索]ボタンをクリック

※検索数が多いと、難易度が高くなります。

②[遊んでみる]ボタンをクリックで、検索結果の画像(×2)をランダムに配置

③画像の配置を記憶して、[開始]ボタンをクリック

④隠れた画像をクリックして、同じ画像を探す

単にflickrの画像検索としても使えます。検索結果の画像をクリックすると標準サイズの画像がオーバレイ表示されます。

動画や音楽を検索

Youtube検索

AmebaVision検索

dailymotion動画検索

日本語→ローマ字変換結果

dailymotionマイチャンネル

Yahoo!動画検索

Webサービス by Yahoo! JAPAN

楽天商品を検索

楽天検索

楽天Match

ガチャ天

これいくら?

商品の値段を当てるゲーム

①キーワードを入力
②レベル(LV)を選択
③[開始]ボタンをクリック
④下のボックスに値段を入力
⑤[円だ!]ボタンをクリック!
⑥正解でポイント加算
⑦[次]ボタンで次の商品表示

※貯まったポイントは「楽天で使える!」・・・なんてことはありません。

遊ぶブログ

Supported by 楽天ウェブサービス