【ＨＴＭＬ】YouTubeの動画をHTMLの背景に使ってみよう

2022-04-03

氷翠です。

前から考えていたものですが、どうやら方法があるようです。
というか、方法ができたと言ったほうがいいのかな？詳しいことは調べていないのだけど、とにかく今回見つけました。

Jqueryのプラグインとして「jquery.mb.YTPlayer.min.js」というのがあるようです。

その解説サイトがこちら　＞＞＞　https://bravo-web.com/news/making-2

このページの中では素でやる方法とJqueryのプラグインを利用する方法が解説されていました。
で、氷翠は今回プラグインを利用する方向でやってみました。

もちろん、Youtubeのアカウントをもっているので、そちらに動画をアップロード済み。それをHTMLの中で再生していこうという考えです。

で、プラグインは「こちら」で解説されており、プロパティに関するドキュメントもあります。なので、割りと細かく設定することができるようで安心しました。
また、スマホでも再生が可能なようです。

そんなわけで早速作成して、調整したページがこちら　＞＞＞　https://k-icegreen.com/sample/s_0002/

なんとなくイメージ通りになったわけで、トップページにもこれを適用させてもらいました。