あまりおススメはしませんが
どうしてもという要望もあるようなのでメモ代わりにどうぞ!
この方法はjavascriptを使用せず、CSSにて動作させる方法です。
CSSだけでバックグラウンドに表示させます。
HTML
※独自レイアウトの一番上に以下のようなタグを書き入れます。
<iframe id="backyoutube" src="https://www.youtube.com/embed/MfzfAxLw17U?rel=0&autoplay=1&loop=1&playlist=MfzfAxLw17U;controls=0&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;
}
たぶん、これで動作するはずです。