type属性

object要素のtype属性は、ドキュメントへ埋め込むコンテンツのMIMEタイプを指定する属性。

ブラウザ対応

構文

<object data="URL" type="MIMEタイプ"></object>

MIMEタイプ

object要素で使うMIMEタイプの一例。

  • application/x-shockwave-flash：Flash
  • application/pdf：PDF
  • image/png：PNG
  • image/jpeg：JPEG
  • image/gif：GIF
  • audio/midi：MIDI
  • video/mpeg：MPEG
  • video/mp4：MP4
  • video/quicktime：QuickTime
  • application/msexcel：Excel
  • text/html：HTML
  • application/x-httpd-php：PHP

サンプルコード

Flash

<object data="sample.swf" type="application/x-shockwave-flash">代替コンテンツ</object>

PDF

<object data="sample.pdf" type="application/pdf">代替コンテンツ</object>

画像（PNG）

<object data="sample.png" type="image/png">代替コンテンツ</object>

サンプル

HTMLソースコード

<p>Flash（swf）： <object data="sample-embed.swf" type="application/x-shockwave-flash" width="160" height="160" style="vertical-align: middle;">代替コンテンツ。</object></p>
<p>PDF： <object data="sample-object-pdf.pdf" type="application/pdf" width="350" height="175" style="vertical-align: middle;">代替コンテンツ。</object></p>
<p>画像（PNG）： <object data="sample-img.png" type="image/png" style="vertical-align: middle;">代替コンテンツ。</object></p>

実際の表示

Flash（swf）： 代替コンテンツ。

PDF： 代替コンテンツ。

画像（PNG）： 代替コンテンツ。