Poster Movie を Adobe Golive で作成する

素材の準備

最初に表示される画像(仮に Poster.mov とします。)

JPEG や GIF を QuickTime Pro で開き、[ファイル/書き出し]で QuickTime 書類にします。拡張子.mov がついた書類のことです。
*動画でコントローラを表示させる場合は縦の長さを16ピクセル増やしておくとコントローラがきれいに表示されます。

クリックされたときに表示される動画(仮に Movie.mov とします。)

QuickTime が読める形式だったら何でもいいと思います。自分はファイルサイズが少なくてすむ MP4 形式でやりました。
*なお、この2ファイルは同じフォルダに入れておく。(必須ではないかも)

HTML ページの作成

  • [ファイル/新規ページ]で新しいページを作成します。
  • QuickTime オブジェクトを挿入します。

image

  • [インスペクト/基本/ファイル]で Poster.mov を指定します。

image

  • [インスペクト/QuickTime/リンク]にチェックを入れて Movie.mov を指定します。[インスペクト/QuickTime/リンク/ターゲット]に myself と入力します。

image

  • ページを保存して、サイトにアップロードしてブラウザで確認します。

*ローカルだと正しく表示されないので必ずアップロードしてから確認してください。

例文:
<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 が,クリックした時に表示されるムービーの大きさになります。

Apple Web バッジAppleロゴ、Macintoshは、米国およびその他の国で登録されているApple Computer, Inc.の商標です。Powered By MacバッジはApple Computer Inc.の商標であり、同社の許可により使用しています。