サムネール画像で表示する

リンク文字でなく、サムネール画像を使用すると、ムービーの内容が分かりやすくなります(サンプル03)。

サンプル03の実行結果

サムネイルで表示される

サンプル03

<!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="文字が回転します">
                <img src="thumb/001.gif" width="80" height="66">
            </a>
            <a href="movie/sample2.swf" rel="vidbox" title="文字が拡大します">
                <img src="thumb/002.gif" width="80" height="66">
            </a>
        </div>
    </body>
</html>