独自レイアウトの背景に動画を設置する方法

どうしてもという要望もあるようなのでメモ代わりにどうぞ！

この方法はjavascriptを使用せず、CSSにて動作させる方法です。

HTML

※独自レイアウトの一番上に以下のようなタグを書き入れます。

<iframe id="backyoutube" src="https://www.youtube.com/embed/MfzfAxLw17U?rel=0&amp;autoplay=1&amp;loop=1&amp;playlist=MfzfAxLw17U;controls=0&amp;wmode=transparent" frameborder="0" allowfullscreen=

"true" name="backyoutube" width="100%" height="100%"></iframe>

※上記赤文字の部分がYOUTUBEの動画のURLです。

CSS

#backyoutube{

z-index:-1;

min-width: 1024px;

position:fixed;

top:0;

left:0;

}

たぶん、これで動作するはずです。