« 航空写真でイニシャル制作 | トップページ | 潜水艦に喧嘩を売る北極熊 »

2006/11/21

Google Videoを簡単にWebページに追加する方法

ブックマークに追加する
リンク:Google Operating System: Customize the Embedded Google Video Player
紹介元:Tailrank - Customize the Embedded Google Video Player

10日程前に、http://tailrank.com/でGoogle VideoのPlayerをカスタマイズする方法のネタがいくつかのブログで取り上げられていた。

細かい設定方法は、Google Operating Systemブログの該当エントリの通りであるが、そこまで細かく制御しない場合、以下の手順で簡単にWebページにGoogle Videoを埋め込むことが出来る。

# YouTubeの場合だと、該当の動画ページで
# 表示されている「Embed」のHTMLを埋めるだけで済むが、
# Google Videoの場合は、動画のURLだけで、埋め込み用の
# HTMLは提供されていない。


1.Google Videoでページに追加したい動画のURLを調べる
例えば、以下はPS3とWiiの比較広告っぽい動画のURL
リンク:http://video.google.com/videoplay?docid=-9136575504838642038

2.次に、該当URLのQueryString変数「docid」の値を抜き出す。
この例の場合、「-9136575504838642038」が該当の値となる。
# マイナス記号も含める

3.「embed」タグ中の「src」属性のURLに含まれるQueryString変数「docId」の値に上記の値を設定する。具体的には以下のようなembedタグを作成する。
<embed style="width:400px; height:326px;" id="VideoPlayback"
type="application/x-shockwave-flash"
src="http://video.google.com/googleplayer.swf?docId=-9136575504838642038&playerMode=simple&loop=true"
flashvars="">
</embed>
docId以外の値は埋め込むページのデザインに応じて適当に変更する。
# 変更しなくとも良い

4.これだけの定義で以下のように動画の埋め込みが完成。



# なお、このサンプル動画では右側がWiiらしい。

■2007年6月3日追記
カテゴリを変更した。

●お探し物は見つかりましたか?まだの方は以下の検索をご利用下さい。
 
当ブログ内 (within this blog) Web
●当ブログのRSSフィードをお手持ちのRSSリーダーにご登録いただくと、エントリ追加時のみ更新通知が届くため、確認の手間が省けます。よろしければ、どうぞ。
当ブログのRSSフィード
●当ブログの更新情報+α(deliciousのブックマーク他)はTwitter経由でも確認できます。是非フォローしてください。(実はRSSフィードよりも更新が早かったりします)

|

Google」カテゴリの記事

blog comments powered by Disqus


●Google広告


●その他の広告



トラックバック

この記事のトラックバックURL:

●トラックバックされる方へのご注意
本文中でこのエントリのアドレスを引用してください。引用(言及リンク)がない場合はスパム(迷惑行為)として削除します。
なお、迷惑行為かどうかを人力で判定しているため、トラックバックが反映されるまでに少々、お時間を頂いています。
For foreigners: If you would like to trackback to this entry, please include permlink of this entry in your entry. If your entry doesn't include this permlink, I will delete your trackback as spam.

この記事へのトラックバック一覧です: Google Videoを簡単にWebページに追加する方法:

 
Google