説明
<object>-</object> 開始タグ:必須 終了タグ:必須
object要素は、文書中にさまざまな形式のデータを配置することのできる汎用埋め込み要素です。具体的には、画像、動画、音声、Javaアップレット、Flashなどの各種プラグインデータ、ほかのHTML文書などが埋め込めます。
HTMLの仕様にあるimg、iframe、applet要素のほか、IEやNetscapeの独自要素であるembed(ie3- N1-)、bgsound要素(ie2-)などの代わりに使うことができる要素とされていますが、そのすべてを正しくサポートしているブラウザはまだ少ないようです。
object要素は指定された形式をブラウザがサポートする場合には、内容が無視される仕様になっているので、優先順序の高いデータを外側に配置し、入れ子にすることによって選択的な情報の配置が可能です。
classid属性にはJavaやActiveXなどの実行プログラム、data属性には画像、動画、音声、Javaアップレット、Flashなどの各種プラグインデータ、ほかのHTMLファイル、archive属性にはロード時間を短縮する為に小分けにしたファイルのURIを半角スペース[ ]で区切って指定します。
HTMLの仕様にあるimg、iframe、applet要素のほか、IEやNetscapeの独自要素であるembed(ie3- N1-)、bgsound要素(ie2-)などの代わりに使うことができる要素とされていますが、そのすべてを正しくサポートしているブラウザはまだ少ないようです。
object要素は指定された形式をブラウザがサポートする場合には、内容が無視される仕様になっているので、優先順序の高いデータを外側に配置し、入れ子にすることによって選択的な情報の配置が可能です。
classid属性にはJavaやActiveXなどの実行プログラム、data属性には画像、動画、音声、Javaアップレット、Flashなどの各種プラグインデータ、ほかのHTMLファイル、archive属性にはロード時間を短縮する為に小分けにしたファイルのURIを半角スペース[ ]で区切って指定します。
属性 (W3C) |
| <object | H4- ie3- N6- |
|
| >(param|%block;|%inline;)*</object> |
ブラウザ独自の属性 (ie N) |
|
使用例
<object data="img/house1.jpg" type="image/jpeg" width="150" height="110"></object>
IE6.02においては、150×110の枠の中に通常サイズの画像が表示されるのに対し、N7.1では150×110のサイズに画像が伸縮され表示されるといった具合に、ブラウザによって動作が異なります。
*1 IE8から、その他ブラウザと同じく150×110のサイズに画像が伸縮されて表示されます。
優先順序の高いデータを外側に配置
次の例では、mpgがサポートされていればmpeg動画を、pngがサポートされていればpng画像を、でなければimg要素のjpeg画像を表示するように指定したソースコードです。
<object deta="gap.mpg" type="video/mpeg" width="360" height="240">
<object data="gap.png" type="image/png" width="360" height="240">
<img src="gap.jpg" width="360" height="240" alt="sweet fair"><!--
--></object>
</object>
Flashの埋め込み
次の例は、Flashファイルをパブリッシュ(発行)した際に、共に書き出されるHTMLコードのサンプルです。ブラウザがobject要素をサポートしていない場合、ネストされているembed要素(ie3- N1-)が適用されるように指定されています。
<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>
Javaアップレットの埋め込み
<object codetype="application/java" classid="java:Bubbles.class" width="500" height="500">
泡が動き回るJavaアプレットアニメーション。
</object>
*2 object要素によるJavaアップレットの埋め込みは、IEにおいては未対応です。
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();
classid に関して
よく使用されるclassid [clsid:] には、下記のようなものがあります。
|
