Youtube IFrame Player API のプレイヤーをページ背景にする(ミュート)
css でプレイヤーサイズをウィンドウサイズと同じにします。
また、z-index を指定してプレイヤーがメインコンテンツの背景になるようにします。
onPlayerReady イベントで mute() を呼び出せばミュートになります。
コードサンプル
背景動画に「ドット画像」を被せているサイトがありますが、以下ではその手法も実装してみました。
gist.github.com
css でプレイヤーサイズをウィンドウサイズと同じにします。
また、z-index を指定してプレイヤーがメインコンテンツの背景になるようにします。
onPlayerReady イベントで mute() を呼び出せばミュートになります。
背景動画に「ドット画像」を被せているサイトがありますが、以下ではその手法も実装してみました。
gist.github.com