MB-Support

パソコン初心者のサポートページ

soapbox on MSN Video のプレイヤーを自分のサイトに設置する方法

 Soapbox on MSN Video は、MSNの動画共有サイトで名称で、現在はベータ版です。ここに投稿された動画を、Live com や 自分ブログ Live Spaces にガジェットを利用して表示可能になります。




ホームズの独り言

前回 は、ガジェット(拡張機能)を利用して MSN の動画共有サイト Saopbox のプレイヤーを、Windows Live.com や、Windows Lve Spaces に貼り付ける方法を掲載しました。 後から気が付いたのですが、先に説明したものは、複数の動画共有サイトのプレイヤーを設置できる汎用的なガジェットであり、Soapbox on MSN Video 専用のガジェットは、Windows Live Spaces の編集画面で選択できる様になっていました。



ガジェットを利用しても良いのですが、自分のホームページを持っているユーザーは、HTML タグを自由に変更できるので、プレイヤーをそのまま貼りつける事ができます。 簡単な方法は、前回説明した、貼り付けたい動画の「Share」タブをクリックして embed Player ソースをコピー&ペーストする方法です。

しかし、これだと動画が固定されてしまうのと、再生が終了した後に動ジャンルの動画が勝手に表示されてしまいます。 そこで、自分が投稿した動画データのアドレスをデータベースに登録して動的に embed Player ソース を生成する方法を考えましたが、Soapbox on MSN Video Blog に、プレイヤーのカスタマイズ方法が掲載されていました。 (無駄な作業をするところでした)


自分が投稿した動画一覧 ( Playlist ) を表示させる方法は、以下のソースを利用します。

<embed src="http://soapbox.msn.com/flash/soapbox1_1.swf" quality="high" 
width="412" height="362" wmode="transparent" name="msn_soapbox" 
type="application/x-shockwave-flash" 
pluginspage="http://macromedia.com/go/getflashplayer" 
flashvars="c=uv&uv=ユーザーID" ></embed>


動画を視聴するには Flash Player のインストールが必須です



ユーザーIDは、Soapbox にアクセスしてサインインすると表示されます。右の赤枠部分を置き換えます。 これにより、 pick a video to play が表示された状態でプレイヤーが表示されるはずです。 再生する動画をユーザーに選択してもらう事ができます。



まずは表示されたプレイヤーをクリックする事で、プレイヤーをアクティブにできます。 動画再生コントロール以外のメニューは、右下の英語表記で、白文字が現在選択しているメニューになります。

右上画像の場合は Playlist が選択状態になっています。この状態で Playlist をクリックすると、プレイヤーから Playlist 消えます。 info をクリックすると、動画の詳細情報が表示されます。share をクリックすると、動画へのリンクソースが表示されます。


検索ワードを利用して動画一覧を表示させる方法は、以下のソースを利用します。

<embed src="http://soapbox.msn.com/flash/soapbox1_1.swf" 
quality="high" width="412" height="362" wmode="transparent" 
name="msn_soapbox" 
type="application/x-shockwave-flash" 
pluginspage="http://macromedia.com/go/getflashplayer" 
flashvars="c=s&s=検索ワード"></embed>

他に自分のお気に入りや、一番視聴された動画順に表示する事も可能です。詳細は以下を参照して下さい。

Soapbox on MSN Video Updated Embedded Player




戻る 一覧表示 次へ


BTOパソコン・ゲームPC・自作パソコンなら【TSUKUMO】 - 自作PCに必要なパーツ、豊富な品揃え

Copyright © 2013 MB-Support パソコン初心者のサポートページ All Rights Reserved.

管理人サイト閲覧方法プライバシーポリシー著作権/免責事項