写真をオーバーレイで見せるAjaxライブラリの定番といえば「Lightbox2」ですが、このムービー版といえるのが「Videobox」です。(Lightbox風にムービーを表示する「Videobox」) ...
写真をオーバーレイで見せるAjaxライブラリの定番といえば「Lightbox2」ですが、このムービー版といえるのが「Videobox」です。(Lightbox風にムービーを表示する「Videobox」)
使い方は簡単です。まず<head></head>タグ内に以下の4行を追加します。
<script type="text/javascript" src="js/mootools.js"></script> <script type="text/javascript" src="js/swfobject.js"></script> <script type="text/javascript" src="js/videobox.js"></script> <link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />あとは、オーバーレイ表示させたい動画の<a>タグに「rel="vidbox" title="動画の説明文"」を追加するだけです。実際にサンプルを作ってみました。簡単です。さすがAjaxライブラリ。