html/css/JavaScript基础程序员

HTML多媒体

2018-08-25  本文已影响64人  RachelCT

今天学习了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标签使用以达到兼容效果。

幸福就在眼前啊
上一篇 下一篇

猜你喜欢

热点阅读