object 与 embed

<object> 和 <embed> 用于嵌入外部资源——PDF、Flash（已淘汰）、其他插件内容。

学完本章你将： 掌握 object 嵌入 PDF、embed 插件、param 参数。

object 嵌入 PDF

html

<object data="document.pdf"
        type="application/pdf"
        width="800"
        height="600">
  <p>你的浏览器不支持 PDF 预览。
     <a href="document.pdf">点击下载</a></p>
</object>

embed 嵌入

html

<!-- embed 是自闭合标签——更简单但不支持回退 -->
<embed src="document.pdf"
       type="application/pdf"
       width="800"
       height="600">

<!-- 嵌入 SVG -->
<embed src="image.svg" type="image/svg+xml">

object + param

html

<object data="movie.mp4" type="video/mp4">
  <param name="autoplay" value="true">
  <param name="loop" value="true">
</object>

object vs embed vs iframe

	object	embed	iframe
PDF 嵌入	✅	✅	✅ （部分浏览器）
回退内容	✅	❌	✅
HTML5 推荐	✅	❌	✅
安全性	中	低	sandbox 属性

💡 现代网页优先用 <iframe> 嵌入外部页面，用 <video>/<audio> 播放媒体，<object> 主要用于 PDF。

object 与 embed

object 与 embed

object 嵌入 PDF

embed 嵌入

object + param

object vs embed vs iframe

🛠️ 学完试试这些工具