Jiro Laboratory

C#、ASP.NET、JavaScript、Androidとか

Youtube IFrame Player API のプレイヤーをページ背景にする(ミュート)

css でプレイヤーサイズをウィンドウサイズと同じにします。
また、z-index を指定してプレイヤーがメインコンテンツの背景になるようにします。
onPlayerReady イベントで mute() を呼び出せばミュートになります。

コードサンプル

背景動画に「ドット画像」を被せているサイトがありますが、以下ではその手法も実装してみました。
gist.github.com