Ajaxライブラリ「Videobox」 - オーバーレイでムービーを表示

写真をオーバーレイで見せるAjaxライブラリの定番といえば「Lightbox2」ですが、このムービー版といえるのが「Videobox」です。(Lightbox風にムービーを表示する「Videobox」) ...

写真をオーバーレイで見せるAjaxライブラリの定番といえば「Lightbox2」ですが、このムービー版といえるのが「Videobox」です。(Lightbox風にムービーを表示する「Videobox」

videobox.jpg(4263 byte)

使い方は簡単です。まず<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ライブラリ。

Published 2007-10-24
Updated 2019-06-25

「JavaScript」カテゴリの記事一覧