複数のFlashムービーを表示する

複数のFlashムービーを表示する場合には、単純に<a>タグのrel属性にvidboxを指定するだけです(サンプル02)。

サンプル02の実行結果

文字が回転するムービー

文字が拡大するムービー

サンプル02

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen">
        <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>
        <title>Videoboxサンプル</title>
    </head>
    <body>
    <h1>Videoboxサンプル</h1>
        <div>
            <a href="movie/sample1.swf" rel="vidbox" title="文字が回転します">サンプル映像 (1)</a><br>
            <a href="movie/sample2.swf" rel="vidbox" title="文字が拡大します">サンプル映像 (2)</a><br>
        </div>
    </body>
</html>