|
Poster Movie を Adobe Golive で作成する
素材の準備
最初に表示される画像(仮に Poster.mov とします。)
JPEG や GIF を QuickTime Pro で開き、[ファイル/書き出し]で QuickTime 書類にします。拡張子.mov がついた書類のことです。
*動画でコントローラを表示させる場合は縦の長さを16ピクセル増やしておくとコントローラがきれいに表示されます。
クリックされたときに表示される動画(仮に Movie.mov とします。)
QuickTime が読める形式だったら何でもいいと思います。自分はファイルサイズが少なくてすむ MP4 形式でやりました。
*なお、この2ファイルは同じフォルダに入れておく。(必須ではないかも)
HTML ページの作成
- [ファイル/新規ページ]で新しいページを作成します。
- QuickTime オブジェクトを挿入します。
- [インスペクト/基本/ファイル]で Poster.mov を指定します。
- [インスペクト/QuickTime/リンク]にチェックを入れて Movie.mov を指定します。[インスペクト/QuickTime/リンク/ターゲット]に myself と入力します。
- ページを保存して、サイトにアップロードしてブラウザで確認します。
*ローカルだと正しく表示されないので必ずアップロードしてから確認してください。
例文:
<EMBED SRC="Poster.mov" CONTROLLER="false" WIDTH="200" HEIGHT "200" HREF="Movie.mov" TARGET="myself">
SRC でポスタームービー(Poster.mov)を指定し,HREF でクリックした時のターゲットムービー(Movie.mov)を指定します。TARGET="myself" がポスタームービーの画像自体にムービーを置き換える記述です。また WIDTH と HEIGHT が,クリックした時に表示されるムービーの大きさになります。
|