本节书摘来自异步社区《HTML5 开发实例大全》一书中的第1章,第1.25节,作者: 张明星 更多章节内容可以访问云栖社区“异步社区”公众号查看。
1.25 使用< object >元素在网页中显示一个Flash
实例说明
本实例的功能是,使用< object >元素在网页中显示一个Flash,本实例的素材Flash文件是123.swf。在HTML 5 中,< object >元素的功能是定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素运行您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。
< object >元素可以位于head 元素或 body 元素内部。< object > 与 < /object > 之间的文本是替换文本,针对不支持此标签的浏览器。< param > 标签可定义用于对象的run-time设置。
< object >元素的属性信息如表1-12所示。
具体实现
使用Dreamweaver创建一个名为“025.html”的文件,具体代码如下所示:
<!DOCTYPE html>
<html>
<body>
<object data= "123.swf" type="all"
width="200px" height="200px">
</object>
</body>
</html>
AI 代码解读
上述代码按照HTML 5的支持特征,设置了< object >元素的关键属性“data”值。如果按照设置的多媒体路径找到了该对象,在支持HTML 5属性的浏览器中可以实现播放功能。在HTML 5中,新增了专门用于播放多媒体文件的标签——< video >元素与< audio >元素。前者用于播放视频或影视,后者用于播放音频文件,这两个元素的实战用法将在本书后面的章节中进行详细介绍。< video >元素与< audio >元素将逐步取代< obj ect >元素,从而真正展示HTML 5在处理视频或音频方面的强大优势,执行后的效果如图1-44所示。
