ホーム>Web デザインのチュートリアル>Dreamweaver チュートリアル

Dreamweaver8 を使用して Web ページに Flash ビデオを挿入する

著者：Eve Cole 更新時間：2009-06-01 01:03:26
Dreamweaver の「ドキュメント」ウィンドウでindex.html ページを開き、3 列の表を挿入し、3 列の表の中央の列に配置されたグラフィックを 1 回クリックします。

 


[挿入] > [メディア] > [Flash ビデオ] を選択します。

「Flash ビデオの挿入」ダイアログボックスで、「ビデオの種類」ポップアップメニューから「プログレッシブダウンロードビデオ」を選択します。 について…

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

[Flash ビデオの挿入] コマンドでは、サイト訪問者にビデオ コンテンツを送信するための次のオプションが提供されます。

プログレッシブ ダウンロード ビデオは、Flash ビデオ (FLV) ファイルをサイト訪問者のハード ドライブにダウンロードして再生します。ただし、従来の「ダウンロードして再生」するビデオ配信方法とは異なり、プログレッシブ ダウンロードでは、ダウンロードが完了する前にビデオ ファイルの再生を開始できます。

ストリーミング ビデオは、Flash ビデオ コンテンツをストリーミングし、Web ページですぐに再生します。 Web ページでビデオのストリーミングを有効にするには、Macromedia Flash Communication Server にアクセスする必要があります。Macromedia Flash Communication Server は、Flash ビデオ コンテンツをストリーミングできる唯一のサーバーです。

[URL] テキスト ボックスで、[参照] をクリックし、cafe_townsend_home.flv ファイル (サイトのカフェ_タウンセンド ルート フォルダにある) を参照し、FLV ファイルを選択して、cafe_townsend_home.flv ファイルへの相対パスを指定します。



「外観」ポップアップメニューから「Halo Skin 2」を選択します。

選択した外観のプレビューが「外観」ポップアップ メニューの下に表示されます。 「外観」オプションは、Flash ビデオ コンテンツを含む Flash ビデオ コンポーネントの外観を指定します。

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

[幅] テキスト ボックスに「180」と入力します。

[高さ] テキスト ボックスに 135 と入力し、Enter キーを押します。



ヒント

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

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

知らせ

「スキンを含む」とは、FLV ファイルの幅と高さに、選択したスキンの幅と高さを加えたものです。

残りのオプションは、デフォルトの選択値を保持します。

アスペクト比を制限すると、Flash ビデオ コンポーネントの幅と高さのアスペクト比が一定に維持されます。このオプションはデフォルトで選択されています。

自動再生は、Web ページを開いたときにビデオを再生するかどうかを指定します。このオプションはデフォルトでは選択解除されています。

自動再生は、ビデオの再生が終了した後に再生コントロールが開始位置に戻るかどうかを指定します。このオプションはデフォルトでは選択解除されています。

[OK] をクリックしてダイアログ ボックスを閉じ、Flash ビデオ コンテンツを Web ページに追加します。

[Flash ビデオの挿入] コマンドは、Web ページ上に Flash ビデオ コンテンツを表示するために使用されるビデオ プレーヤー SWF ファイルとスキン SWF ファイルを生成します。 (新しいファイルを表示するには、[ファイル] パネルの [更新] ボタンをクリックする必要がある場合があります。) これらのファイルは、Flash ビデオ コンテンツ (この場合は、cafe_townsend ルート フォルダー) がディレクトリに追加されたのと同じ HTML ファイルに保存されます。 。 Flash ビデオ コンテンツを含む HTML ページをアップロードすると、Dreamweaver はこれらのファイルを関連ファイルとしてアップロードします ([関連ファイルをアップロードしますか?] ダイアログ ボックスで [はい] をクリックするだけです)。

このページを保存して効果をテストします。
関連記事