|
ストリーミングファイルへのリンクページを作成します。ここではWindows Media
フォーマットでの説明になります。
エンベット形式とポップアップ形式で配置する方法を解説しています。
ポップアップ形式で配置
WEBブラウザの画面の中で動画が再生されるのではなく、メディアプレイヤー(ここではWindows
Player)が起動してその画面の中で再生される形式を「ポップアップ形式」と呼びます。
ポップアップ形式の場合は簡単で、単純にリンクのタグをHTMLファイルに書くだけです。勿論リンク先のファイルは動画ファイルではなく先ほど作成したメタファイルです。
<a
href="movie.asx">動画をみる</a>
エンベット形式で配置
ポップアップ形式と反対にWEBブラウザの中に動画再生画面を埋め込む形式を「エンベット形式」と呼びます。
ホームページ内にプレイヤーを埋め込むために、複雑なHTMLを書かなければなりませんが、デザインの凝ったホームページ内に再生画面を埋め込むことが可能です。例えば、当サイトのトップページにあるようにプレイヤーを埋め込むなんてことも可能です。
初めはこのページの記述をそのままコピーするなりして、表示させたいHTMLの個所に貼り付けていってください。
表示させたいところのHTMLソースに下記情報を記述することで実現されます。まずは記述を見てみましょう!
|
<!-ここからWindows Media
Player---------------> <object id="Player" width="320"
height="305" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param
name="autoStart" value="True"> <param name="URL"
value="http://streaming-pro.hp.infoseek.co.jp/test.asx"> </object> <!-ここまで------------------------> |
上記URLの部分を修正してください。
<OBJECT>〜</OBJECT>で囲まれた部分がプレイヤー表示部分になります。
1行目の
「width=」「height=」はそれぞれ、画面の「横」と「縦」のサイズです。ピクセルで指定してください。 「classid」はどのファイルも共通です。変えないで下さい。 <param
name="AutoStart" value="true">は自動的に動画がスタートかどうかの設定です。 VALUE="false"
の場合には、見る側がスタートボタンなどをクリックしないと動画が再生されません。ページを開くと動画が再生されるようにするには、 VALUE="true"
と記述します。 <PARAM name="URL"
value="http://streaming-pro.hp.infoseek.co.jp/test.asx">は再生するメタファイルを指定。 AUTOSTART属性:
自動再生をさせるか、再生ボタンでスタートかを指定。自動再生「true」再生ボタンでスタート「false」
HTML内の表示させたい個所に、上記の記述をするだけで、動画再生画面が埋め込まれたページが出来上がります。
動画再生画面のHTMLを記述したら、拡張子を
.htm または .html で保存します。
|