« webinspectorでスタイルを補正する | メイン | スタイルシートtext-shadow »

embedタグを別窓で開く

embedタグで動画、音声をあなたのページに貼付けることができます。
動画や音声とかきましたが、実際にはプラグインに渡すデータ(ファイル)を埋め込むものです。
動画、音声だけではありません。
Flashプレイヤーに渡すswfファイルを埋め込むこともできます。
safariではimgタグで見れるpdfファイルもi.e.ではembedで埋め込みます。
(勿論safariでembedすることも可能です。)

そのためプラグイン固有の設定などを記述する必要があり、
何となく煩雑な印象があったのですが、
最近embedが簡単なことに気がつきました。

YouTubeを見ていたら、
<embed src="http://www.youtube.com/v/SHZ9fsusMGc&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>
程度の記述なのです。
ホントはこの他にobjectタブやparmタグがあるのですが、なくてもOKなようです(safari3.0.4)
でHTML辞書を見てみたら、embedにはファイルのパスと幅と高さがあればよいようです。
そこで、embedを別窓で開くようなスクリプトをつくつました。

javascriptによる関数部分


function openSWF(swf,w,h) {
   var newWin = window.open('');
  if (newWin) {
    newWin.document.write("<embed src='" + swf + "' width='" + w + "' height='" + h +"'>");
    newWin.document.close();
  }
}

HTMLに記述する部分


<a href="#" onclick="openSWF('swfのパス' ,'','高さ')">ここをクリック</a>

例です。(実はタイトルも受け渡していますので、サンプルコードとはちょっと違っています)
Finderのツールバーにアプリを登録する方法

ひとつ前の投稿は「webinspectorでスタイルを補正する」です。
次の投稿は「スタイルシートtext-shadow」です。

トラックバック

このエントリーのトラックバックURL:
http://www.xillion.net/mova/mt-tb.cgi/222

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

About

2008年01月02日 19:42に投稿されたエントリーのページです。

メインページアーカイブページも見てください。

Powered by
Movable Type 3.34