デスクトップの動画キャプチャを始めました。
もちろんxillion.netで説明するのに使うためです。
ただデスクトップの説明で使用する場合、文字なども判別させたいので、勢い大きな画面となってしまいます。
動画サイトのように小さな埋め込みではちょっと無理があります。
また、大きな動画を埋め込むとテキストの邪魔になります。
先日Highslide.jsを導入して画像のサイズをコントロールしたのにバランスがわるくなってしまいます。
そこで、swfファオルを別窓に展開させるようにします。
1.アーカイブテンプレートから参照しているjsファイルに下記関数を追加します。
jsファイルを参照していない場合は、jsファイルを適当な名称で作成して、
アーカイブテンプレートから参照するようにしてください。
function openSWF(swf,w,h) {
var newWin = window.open('');
if (newWin) {
newWin.document.write("<html><body><embed src='" + swf + "' width='" + w + "' height='" + h +"'></embed></body></html>");
newWin.document.close();
}
}
swfのフルパス、幅、高さを受け取って新しく開いた窓に表示させるスクリプトです。
document.writeの中身はembedタグだけでもokでした。
2.記事から上の関数を呼び出します。
具体的にはAタグのonclickを使うのが簡単です。
<a href="#" onclick="openSWF('http://www.xillion.net/2008-01-02_1724.swf' ,'565','167')">動画：ツールバー登録方法</a>
と書くとこうなります。
ちょっとしたコメントを受け渡け渡せるようにしてもよいでしょう。
※2008/1/7追記
と思ったら、Aタグだけでできました。こんな感じです。
<a href="http://www.xillion.net/img/2008-01-02_1724.swf" target="_blank">Aタグにファイル名をかいただけのもの、サイズもないのだ</a>
Aタグにファイル名をかいただけのもの、サイズもないのだ