「jquery.mb.YTPlayer」 導入

[ ID : 5697 ]
「jquery.mb.YTPlayer」 導入

概要

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

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録