HOME > JavaScript > VideoBoxでyoutubeの埋め込みをポップアップ表示させる方法

VideoBoxでyoutubeの埋め込みをポップアップ表示させる方法

2014/11/17 2024/04/25 JavaScript 動画関連

youtubeの埋め込みリンクをLightboxみたいにポップアップ表示させる方法が知りたかった。調べてみるとVideoBoxというプラグインが簡単そうだったのでメモ。

1 VideoBox(ダウンロード先)
2 ソース
3 その他

VideoBox(ダウンロード先)

http://sourceforge.net/projects/videobox-lb/files/videobox/videobox%201.1/

ソース

<html>
<head>
    <title>videoboxのテスト</title>
    <script type="text/javascript" src="./video/js/mootools.js"></script>
    <script type="text/javascript" src="./video/js/swfobject.js"></script>
    <script type="text/javascript" src="./video/js/videobox.js"></script>
    <link rel="stylesheet" href="./video/css/videobox.css" type="text/css">
</head>
<body>
    <h1>videoboxのテスト</h1>
    <div style="height:100%;">
        <a href="http://www.youtube.com/watch?v=Er9JOhUZ2Ek" rel="vidbox 600 450" title="youtube">
            クリックでポップアップ
        </a>
    </div>
</body>
</html>