背景としてのビデオ

こんにちは涼しいページを好きで、彼らがそれをした方法を知りたいです。

http://www.six60.co.nz/

もし誰かが私にそれを働かせる出発点を知っていたり、私に与えることができたら、それはすばらしいでしょう。

御時間ありがとうございます。

4

1 答え

Looking at the source, it seems they used the new HTML5 tag:


それはまた、特定の条件が満たされているフラッシュを使用しています。

ビデオフレームにはJavaScriptのフックがあり、自動的にビデオを幅のサイズにリサイズします:

function resizeContainers() {
    $(".resize-container").css("min-height", currentWindowSize.height + "px");
    $(".resize-container-to-window").css("height", currentWindowSize.height + "px");
}

そのCSSプロパティのためにバックに配置されています:

#home-video 
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    margin: 0;
    z-index: 1;
}
6
追加された
@ 1ftw1:バックグラウンドに要素を置くのと同じ方法です。
追加された 著者 Matti Virkkunen,
ええ、私はそれを参照してくださいしかし、あなたはどのようにバックグラウンドに設定するのですか?
追加された 著者 1ftw1,