解放区在住氷翠 緑の閃光

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

2022-04-03 23:31

氷翠です。

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

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

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

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

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

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

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

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