概要
YouTube動画を背景に設定できる「jquery.mb.YTPlayer」を紹介。用途・要件
- 対象要素にyoutube動画を背景に設定したい場合に利用。
- youtube動画のタイトルやコントロールバー、ロゴなどを表示させないようにできる。
- 本記事では、高さ100vhのキービジュアルの背景に動画を全画面表示させる実装例を記載。
- 注）動画は拡大されて表示されるので、端が見切れる。
- 注）本記事のDEMOのプレビューでは正しく表示されないため、ローカル開発環境にコードを移設して表示確認してください。
- jquery.mb.YTPlayer バージョン3.3.9使用。
- jQuery バージョン3.6.0使用。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
