embed要素 埋め込み (embed)

 
インライン要素
ホーム > HTML Note > embed要素
ie3- N1-

説明

<embed src="..." width="..." height="...">-</embed> 開始タグ:必須 終了タグ:必須
embed要素は、音声や動画などの各種プラグイン(アドオン)を必要とするデータをウェブページに埋め込むために使用します。

この要素は、Netscape1とIE3からサポートされていますが、W3Cが定めるHTMLの要素にはなっていません。HTML4.0の仕様では、音声や動画などのオブジェクトをウェブページに埋め込むのに、embed要素ではなくobject要素を用いることが推奨されています。

Netscapeにおいて、height、width、src属性は必須とされていますが、実際には、使用するプラグイン(アドオン)によって必要な属性は異なります。また、指定できる属性はプラグイン(アドオン)によって大きく異なります。プラグイン(アドオン)のマニュアルでサポートが追加されている属性がある場合はその属性を確認してください。IEにおいては、終了タグが省略可とされています。

ブラウザがどのプラグイン(アドオン)を使用したらよいのか判別できない場合、ユーザにどのプラグイン(アドオン)を使用するのかを問うダイアログが表示されます。ユーザの中には煩わしさを感じる人もいると思いますので注意しましょう。

embed要素は、インライン要素ブロック要素内に配置することができます。
 

ブラウザ独自の属性 (ie N)

<embedie3- N1-
一般属性 ie4-
id class style title lang dir %events;
src="URI" ie3- N1-
[必須] データのURI  参照
type="MIMEタイプ" ie3- N3-
データのMIMEタイプ
disabled ie5-
無効化
hidden ie3- N2-
非表示
name="名前" ie4- N4-
埋め込み物名
width="長さ" ie3- N1-
[必須] 横幅
N(px)、S%で指定。
height="長さ" ie3- N1-
[必須] 高さ
N(px)、S%で指定。
align="位置" ie3- N1-
文字との位置関係
(left|right|top|texttop|middle|absmiddle|baseline|bottom|absbottom)
hspace="ピクセル" N1-
左右の余白
N(px)で指定。
vspace="ピクセル" N1-
上下の余白
N(px)で指定。
units="単位" ie4- N3-
単位
height、width、hspace、vspace属性で使用する長さの単位を指定します。
pixelsピクセル(N)
pxピクセル(ie)
en現在のフォントの半分のサイズ(N)
em現在のフォントと同じサイズ(ie)
palette="" N3-
未調査
(background|foreground)
pluginspage="URI" ie3- N2-
プラグインのダウンロードページURI  参照
pluginurl="URI" N4-
自動インストール機能を持つプラグイン(.jar)のURI  詳細  参照
その他 プラグインによって利用できる属性は異なります。
詳細はプラグインのマニュアルを参照してください。
>(param|%block;|%inline;)*</embed>

マークアップの例

<embed src="foo.mpg" width="100" height="100" autostart="true"></embed>
 

Flashの埋め込み

次の例は、Flashファイルをパブリッシュ(発行)した際に、共に書き出されるHTMLコードのサンプルです。ブラウザがobject要素をサポートしていない場合、ネストされているembed要素が適用されるように指定されています。
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
width="100%" height="100%" id="buttonAction" align="middle">
  <param name="allowScriptAccess" value="sameDomain">
  <param name="movie" value="buttonAction.swf">
  <param name="quality" value="best">
  <param name="bgcolor" value="#999933">
  <embed src="buttonAction.swf" quality="best" bgcolor="#999933"
  width="100%" height="100%" name="buttonAction" align="middle"
  allowScriptAccess="sameDomain" type="application/x-shockwave-flash">
</object>
 
 

IEの「クリックするとこのコントロールをアクティブにして使用します」の枠線の消し方



FlashやJavaアップレットなどのオブジェクトをHTMLタグによって貼り付けると、IEにおいて「枠線」とともに「クリックするとこのコントロールをアクティブにして使用します」という「ポップアップ」が表示され煩わしく思える時があります。

この枠線とポップアップは、外部スクリプトを使用することによって消すことができます。
<script type="text/javascript" src="applet.js"></script>
「applet.js」ファイルの内容には、たとえば、下記のように記述します。
document.open();
document.writeln('<applet code=\"Bubbles.class\" width=\"500\" height=\"500\">');
document.writeln('泡が動き回るJavaアプレットアニメーション。');
document.writeln('<\/applet>');
document.close();
 
関連要素: object | embed|noembed | bgsound
トップページ HTML Note ページトップ
 2005/08/11発行 2008/01/01更新