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

あまりおススメはしませんが

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

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

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;

}


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

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422