Flash Video の挿入

次に、用意されているアセットを使用して Flash Video ファイルを挿入します。

Dreamweaver のドキュメントウィンドウで "index.html" ページを開き、3 列から成るテーブルの中央の列に配置したグラフィックの上側を一度クリックします。
前の項で、グラフィックを挿入する前にいくらかのスペースを作りました。ここでクリックするのはその場所です。
[挿入]-[メディア]-[Flash Video] を選択します。

[Flash Video の挿入] ダイアログボックスで、[ビデオタイプ] ポップアップメニューから [プログレッシブダウンロードビデオ] を選択します。

ワンポイント

Flash Video について Dreamweaver の [Flash ビデオの挿入] コマンドを使用すると、Flash のオーサリングツールを使用せずに Flash Video コンテンツを Web ページに挿入することができます。このコマンドを実行すると、Flash コンポーネントが挿入されます。ブラウザで表示されるとき、このコンポーネントによって、選択された Flash Video コンテンツと、一連の再生コントロールが表示されます。

[Flash Video の挿入] コマンドでは、サイトビジターへのビデオコンテンツの配信に関する次のオプションを利用できます。

プログレッシブダウンロードビデオ は、Flash Video (FLV) ファイルをサイトビジターのハードディスクにダウンロードして再生します。ただし、ビデオ配信の従来の "ダウンロード再生" 方式と異なり、プログレッシブダウンロードの場合は、ダウンロードが完了する前にビデオファイルの再生を開始できます。

ストリーミングビデオは、Flash Video コンテンツをストリーミングして、Web ページ上で即座に再生します。ただし、Web ページ上でのビデオのストリーミングを可能にするには、Flash Video コンテンツのストリーミングを実行できる唯一のサーバーである Macromedia Flash Communication Server へのアクセスが必要です。

Flash Video の使用方法の詳細については、『Dreamweaver ユーザーガイド』のFlash Video コンテンツの挿入を参照してください。

[URL] テキストボックスで、"cafe_townsend_home.flv" ファイルへの相対パスを指定します。[参照] ボタンをクリックし、サイトのルートフォルダ "cafe_townsend" にある "cafe_townsend_home.flv" ファイルを見つけて選択します。
[スキン] ポップアップメニューから [Halo Skin 2] を選択します。
選択したスキンのプレビューが、[スキン] ポップアップメニューの下に表示されます。 [スキン] オプションは、Flash Video コンテンツが格納される Flash Video コンポーネントの外観と印象を指定するものです。

Flash Video コンポーネントのさまざまなスキンを選択する方法の詳細については、www.macromedia.com/go/flv_tutorial を参照してください。

[幅] と [高さ] のテキストボックスで、次の操作を行います。

[幅] テキストボックスに「180」と入力します。
[高さ] テキストボックスに「135」と入力して、Enter キー (Windows) または Return キー (Macintosh) を押します。

ヒント

[サイズの検出] をクリックすると、FLV ファイルの正確な幅と高さを測定できます。ただし、FLV ファイルの寸法を Dreamweaver が測定できないこともあります。その場合は、幅と高さの値を手動で入力する必要があります。

[幅] と [高さ] のテキストボックスでは、FLV ファイルの幅と高さをピクセル単位で指定します。これらの値を調整して、Web ページ上での Flash Video のサイズを変更することができます。ビデオの寸法を大きくすると、通常はビデオの画質が低下します。

メモ

[スキンを含めた合計] は、FLV ファイルの幅と高さに、選択したスキンの幅と高さを加えたものです。

その他のオプションは初期設定の選択のままにします。
[縦横比率を固定] をオンにすると、Flash Video コンポーネントの幅と高さの比率と同じ縦横比が維持されます。このオプションは初期設定でオンになっています。

[縦横比率を固定] は、Web ページが開かれたときにビデオを再生するかどうかを指定します。このオプションは初期設定ではオフになっています。

[自動巻き戻し] は、ビデオを再生し終わった後に再生コントロールを開始位置に戻すかどうかを指定します。このオプションは初期設定ではオフになっています。
[OK] をクリックしてダイアログボックスを閉じると、Web ページに Flash Video コンテンツが追加されます。
[Flash Video の挿入] コマンドを実行すると、ビデオプレーヤーの SWF ファイルとスキンの SWF ファイルが生成されます。これらのファイルは、Web ページに Flash Video コンテンツを表示するために使用されます。新しいファイルが表示されない場合は、[ファイル] パネルの [更新] ボタンをクリックすると表示されます。これらのファイルは、Flash Video コンテンツが追加される HTML ファイルと同じディレクトリ (この場合は "cafe_townsend" ルートフォルダ) に保存されます。 Flash Video コンテンツが含まれる HTML ページをアップロードするときに、これらのファイルは依存ファイルとしてアップロードされます (ただし [依存ファイルを PUT しますか] ダイアログボックスで [はい] を選択した場合)。
ページを保存します。