ボタンを押すとYouTube動画をモーダルで表示させるプラグインの紹介です。
ダウンロードファイルで使用するファイルは
jquery.fs.boxer.min.js、jquery.fs.boxer.cssの二つです。
1 2 |
<link href="css/jquery.maximage.css" rel="stylesheet"> <script src="js/jquery.fs.boxer.min.js"></script> |
使い方は簡単でリンク先をYouTubeのの動画に設定しクラス名を設定するだけです。
1 |
<a href="https://www.youtube.com/embed/動画ID" class="boxer" data-gallery="videos" >再生</a> |
1 2 3 |
$(function(){ $('.boxer').boxer(); }); |
コメント