jQuery・YouTubeをモーダル表示させるならMagnific Popup [IE9対応]

uXwgkrv9hDW65xdw

下記メリットがあり設置も簡単。

  • YouTubeのページURLをリンクに指定するだけ
  • 埋め込み用 iframe をHTMLに書いておく必要がない
  • モーダルウィンドウを表示すると同時に動画を再生
  • CDNが用意されている

検証済みブラウザとOS

  • IE 9~
  • Firefox
  • Google Chrome
  • Safari
  • Windows 7
  • OS X El Capitan
  • iOS 9
  • Android 5 / 6

 

要点とコード

CDNからjQueryを読み込み、専用CSSも読み込んで、専用メソッドを指定するだけ。

 

magnific-popup.css にオーバーレイのフェードを追加(公式サイトからコピペ)。

 

コメントを投稿する

※メールアドレスは私にだけ届き、サイトには表示されません。
※「送信する」ボタンは、一度だけクリックしてお待ちください。