HTML - 媒体の埋め込み

以下に例を見てみましょう：

<object data="awesome_presentation.pdf" type="application/pdf" width="800" height="600">
<p>おっと！あなたのブラウザはPDFをサポートしていません。
<a href="awesome_presentation.pdf">ここをクリックしてPDFファイルをダウンロード</a>
</p>
</object>

この例では、PDFファイルを埋め込みます。ブラウザがそれを表示できない場合、ユーザーにはダウンロードリンクが表示されます。

HTMLメディア埋め込みの例

基本的な内容をカバーしたので、実際の世界での異なる種類のメディアを埋め込む例を見てみましょう。

YouTubeビデオの埋め込み

<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>

このコードはYouTubeビデオを埋め込みます（URLを認識するかもしれません！）。

オーディオファイルの埋め込み

<audio controls>
<source src="my_favorite_song.mp3" type="audio/mpeg">
あなたのブラウザはオーディオ要素をサポートしていません。
</audio>

この例では、コントロール付きのオーディオプレイヤーを埋め込みます。タグを使用して、ブラウザの互換性を向上させるために複数のオーディオフォーマットを指定できます。

Flashアニメーションの埋め込み

<object type="application/x-shockwave-flash" data="cool_animation.swf" width="300" height="200">
<param name="movie" value="cool_animation.swf">
<p>申し訳ありません、あなたのブラウザはFlashをサポートしていません。</p>
</object>

Flashは現在ほとんど使われていませんが、この例では

ObjectタグとEmbedタグの比較

今、あなたはおそらく「と