人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ホームページの背景に映像を入れる方法
http://www.liaison-stage.com/
背景に映像?もしくはパラパラアニメーション?がありますが、どのような技術で可能となるのでしょうか?




●質問者: hashimajc
●カテゴリ:書籍・音楽・映画
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● ぽけっとしすてむ
●50ポイント ベストアンサー

最近のブラウザでは、ページがどのような構造になっているかを確認することができます。
該当のページでは、div要素を何枚か重ねてビデオを再生しています。

イメージとしては、ガラスのテーブルの下に映像を、上に資料を乗せて見ているような状態になります。


hashimajcさんのコメント
ありがとうございます。レイヤーのような概念はわかるのですが、ビデオはどのようなフォーマットで再生されているのでしょうか???

ぽけっとしすてむさんのコメント
PC向けはvideoタグで実現していますね。 http://reference.ascii.jp/html/video PC向けでは、IE、その他ブラウザで問題がないようにH.264(mp4)とwebmの2種類を指定しています。 モバイル向けではid:a-kuma3さんの回答のとおり、gifアニメーションを埋め込むようになります。

2 ● a-kuma3
●50ポイント

ぽけっとしすてむさんの回答の補足(出遅れた、とも言う)。

iPhone や Android だと、ビデオではなく、アニメーションGIF を使うようです。
PC のブラウザで見た場合には、見えないようになっていますが、こんな GIF ファイルを抱えていました。

http://www.liaison-stage.com/movie/gif/night/011.gif

http://www.liaison-stage.com/movie/gif/night/002.gif

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ