こんにちは。
今日は「背景に動画を使用したサイト」について発信します。
– – – – – – – – – – – –
近年流行りをみせているようです。
主に
・HTML5の「videoタグ」
・Flash
・jQuery
によって実現されています。
また、パララックスと合わせて使用されているサイトもたまに見かけます。
パララックスも「背景動画サイト」も、 SEO等は無視した「インパクト重視サイト」なので、 相性がすごく良いんだなと思います。
ただ、やはり どこも読み込みに「すごく」時間がかかっている印象があります。
「雰囲気が一番大事!」というサイトでない限り、 読み込みが待てずにユーザが離脱、 というリスクはありそうです。
.
Tim Flach
い・・・犬・・・!
シンプルかつハイセンス
.
メルセデス・ベンツ
http://next-a-class.com/animation/index.html
こういう「アニメーション」は、当然相性が良いですね。
「動画で見せないでどうする」的な。
.
Y.CO
映画のようで、思わず見続けてしまいます。
.
UNIQLOCK
http://www.uniqlo.jp/uniqlock/
有名ですがユニクロック。
「背景が動画のWebサイト」とは少し違いますが、
個人的にすごく素敵だと思うサイトです。
.
Marisa Passos
インクなのか何なのか。
.
ONY AGENCY
ページ全体の作り自体が、日本の発想と全然違います。
.
Show Fall
http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek
吹雪。スクロールしていくとより良さが感じられます。
.
– – – – – – – – – – – –
それでは またー。