ブラグインを利用するには?
embedタグの書式
embedタグに対応しているブラウザ
※Windows 7上で動作確認を行っています。
※ブラウザの設定より、異なる挙動をする場合があります。
embedタグの属性一覧
属性 | 内容 |
グローバル属性 | ※グローバル属性のページを参照してください。 |
src | 埋め込むコンテンツのパスを指定します。 |
type | 埋め込むコンテンツのMIMEタイプを指定します。 |
width | コンテンツの幅を指定します。 |
height | コンテンツの高さを指定します。 |
embedタグの解説
<embed>は、Flash、Windows Media Playerといったブラウザのプラグインを利用するための要素です。
例えばFlash(SWF形式)ファイルや、動画(MPEG形式)ファイルなど、非HTMLな外部コンテンツや、インタラクティブ(双方向的)なコンテンツを埋め込む際に使用します。
<embed>タグを使用して埋め込まれたコンテンツはプラグインによって再生されます。
<embed>には終了タグがありません。<embed>を指定する場合、開始タグのみを記述します。
なお、<embed>における「name」「align」「hspace」「vspace」各属性が廃止されました。
「name」の代わりに「id」属性、「align」「hspace」「vspace」の代わりにCSSを使用してください。
embedタグのサンプルソース1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>embedサンプル1</title>
<style type="text/css">
header h1 {
color: #996600;
}
</style>
</head>
<body>
<header>
<h1>Flashムービー</h1>
</header>
<section>
<embed src="sample1.swf" width="400" height="300" type="application/x-shockwave-flash">
</section>
<footer>
<p><small>無断転載を禁止します。</small></p>
</footer>
</body>
</html>
embedタグのサンプル画面1
embedタグのサンプルソース2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>embedサンプル2</title>
<style type="text/css">
header h1 {
color: #996600;
}
</style>
</head>
<body>
<header>
<h1>動画再生</h1>
</header>
<section>
<p>再生する動画データはMPEGファイルです。</p>
<embed src="sample2.mpg" width="400" height="300">
</section>
<footer>
<p><small>無断転載を禁止します。</small></p>
</footer>
</body>
</html>
embedタグのサンプル画面2
embedタグの関連項目