jQuetyを使わずにYoutubeの動画を背景に設置する。

MontBlanc.です。 最近、動画を背景に敷いたWEBページを作成する機会があったのですが、jQueryのライブラリなどが何故か動かず代替として、jQuery不使用のものを使用することにしました。 ポイント ・背景全画面や一部に表示できたりする ・jQueryを使わない ・CSSなどである程度制御できる 準備するもの YOUTUBE IFLAME PLAYER API youtube公式のAPI 設置方法 YOUTUBE IFLAME PLAYER APIを読み込んで以下を設置。 より上に設置して問題なく動作しました。 Youtubeの共有画面で作成できるiframeでもCSSをちょちょいすれば、できないこともないのですが、その場合音声が再生されてしまうのですが、こちらでは、Javascript上でmuteの処理を行ってくれるので、無音状態を作ることが可能です。 <script src

[yourmystar_engineer]

“<div id="youtube"></div>”

[U-saku-D3DGs]

“<script src="https://www.youtube.com/iframe_api"></script>”

[lingling_yas]

“https://www.youtube.com/iframe_api”