CSSだけで背景をフルスクリーンYouTubeにする

CSSだけで背景をフルスクリーンYouTubeにする方法です。

iframeタグのの中に必要なスタイルを追加していますので、動画IDを変更するだけで簡単に設置できます。

記事などをスクロールしてもYouTubは固定されたままです。

コード

下記のコードをbodyタグのすぐ下に設置してください。

<iframe style="z-index: -1;min-width: 1024px;position: fixed;top:0;left:0;" width="100%" height="100%" src="http://www.youtube.com/embed/lYvPsR5QVNk?rel=0&autoplay=1&loop=1&controls=0&wmode=transparent" frameborder="0" allowfullscreen="true"></iframe>

上記のコードの動画ID(ここではlYvPsR5QVNk)の部分を変えて使ってください。

これで背景がフルスクリーンYouTubeになります。