外部リソースを埋め込む

object要素は、様々な形式のコンテンツ（画像、音声、動画、HTML文書、Javaアプレット、等）を文書内に埋め込みます。

コンテンツの埋め込み方法

コンテンツのURLを、data属性で指定します。例えば次のように記述した場合は、example.mpgがその場所に埋め込まれることになります。

<p><object data="example.mpg" type="video/mpeg"></object></p>

• コンテンツの種類やブラウザによっては、パラメータとして指定しないと埋め込めない場合があります。

パラメータの指定について

パラメータを指定する場合は、object要素内の最初の部分（代替コンテンツよりも前）にparam要素を配置します。

<object data="example.swf" type="application/x-shockwave-flash" width="300" height="150">

<param name="movie" value="example.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">

代替コンテンツはparam要素の後に配置します。

</object>

代替コンテンツについて

指定したコンテンツが利用できない場合は、object要素の内容が利用されることになります。

次の例では、object要素に対応していない、または動画（MPEG）を利用できない環境の場合に、静止画像（JPEG）が表示されるように指定しています。

<object data="example.mpg" type="video/mpeg" width="300" height="200">
<param name="src" value="example.mpg">

<p>動画を再生できません。</p>
<p><img src="example.jpg" alt="サンプル" width="300" height="200"></p>

</object>

次の例では、object要素で埋め込めない場合に、embed要素で埋め込まれるように指定しています。

<object data="example.mpg" type="video/mpeg" width="300" height="200">
<param name="src" value="example.mpg">

<embed src="example.mpg" type="video/mpeg" width="300" height="200">

</object>

次の例では、object要素で埋め込めない場合に、動画ファイルへのリンクが表示されるようにしています。

<object data="example.mpg" type="video/mpeg" width="300" height="200">
<param name="src" value="example.mpg">

<p><a href="example.mpg">動画を見る</a></p>

</object>

object要素の内容について

object要素は、親要素のコンテンツ・モデルを継承します（トランスペアレント）。そのため、親要素の種類によっては、代替コンテンツとして配置できない要素もあるので注意が必要です。

<figure>

<object data="example.mpg" type="video/mpeg" width="300" height="200">
<param name="src" value="example.mpg">

<p>動画を再生できません。</p>

</object>

</figure>

例えば、上記の場合は問題ありませんが、次の例では文法違反となります。（p要素内にはフレージング・コンテンツしか配置できないため）

<p>

<object data="example.mpg" type="video/mpeg" width="300" height="200">
<param name="src" value="example.mpg">

<p>動画を再生できません。</p>

</object>

</p>

他の埋め込み要素との比較

画像を埋め込む場合（img要素との比較）

通常はimg要素を使用した方が良いでしょう。詳細な代替コンテンツが必要な場合には、object要素を使用することも考えられます。

HTML文書を埋め込む場合（iframe要素との比較）

通常はiframe要素を使用した方が良いでしょう。HTML5における代替コンテンツが必要な場合には、object要素を使用することも考えられます。

動画・音声を埋め込む場合（embed要素との比較）

より多くの環境で利用できるのはembed要素かと思われます。しかし、object要素には代替コンテンツを配置できるというメリットがあります。

動画・音声を埋め込む場合（video要素・audio要素との比較）

video要素・audio要素の場合は、利用できる動画・音声ファイルの形式が限られています。object要素の方がより多くの形式を埋め込むことが可能です。