今天学习了HTML传统的多媒体标签<embed></embed>和<object></object>标签。HTML多媒体主要包含视频、音频、动画等,在HTML中要插入这些多媒体文件并使其能够播放,就需要专门的标签来定义。在H5之前多使用上面两种标签,而H5后又有了audio视频播放标签和video音频播放标签,之后会进行学习。
首先总结一下embed标签的相关属性和使用方法。使用embed标签可以实现播放音频和视频,播放音频示例如下:
<embed src="abc.swf" width="200px" height="200px" autostart="true" loop="true">
</embed>
由于这个abc.swf是个假文件,所以没有运行效果(网不好,素材没来得及下载,我要完成日更啊emmm)由上可以看到src属性指定要播放的文件的地址,autostart为true时自动播放,loop为true时循环播放。播放视频时的示例如下:
<embed src="abc.swf" width="200px" height="200px" autostart="true" loop="true" quality="high" PLUGINSPAGE="下载插件的地址">
</embed>
其中 quality指定视频播放质量,PLUGINSPAGE是当检测到浏览器没有相关播放插件时,会提醒你是否下载允许运行插件,就自动给出这个插件下载的地址。
下面总结一下object标签。
<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" height="200" width="200">
<param name="movie" value="abc.swf">
<param name="quality" value="high">
</object>
其中,classid 是ActiveX控件的ID;其余属性与embed类似,只是把不同属性单独放到了param标签中。
不同的浏览器可能对embed和object支持效果不同,例如Google浏览器不支持object,但支持embed。为了兼容不同的浏览器,通常将两种标签结合使用,将embed标签嵌入object标签使用以达到兼容效果。

网友评论