HTML多媒体

HTML多媒体

web上的多媒体是指音效、音乐、视频和动画，现代网络浏览器已经支持很多多媒体格式。

在HTML5之前，主要提供两种元素进行多媒体的展示，一个是<embed>标签，另一个是<object>标签。

<embed>

• 播放音乐

  <embed src="Trouble is a friend.mp3" width="200px" height="200px" autostart="true" loop="true">
  </embed>

  • src：播放源文件
  • height：高度
  • width：宽度
  • autostart：是否自动播放
  • loop：是否循环播放

• 播放flash视频

  <embed src="奔跑的猫.swf" width="200px" height="200px" loop="true" quality="high" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index,cgi?P1_Prod_Version=ShockwaveFlash">
  </emben>

  • quality：设置播放质量
  • PLUGINSPAGE：如果不能播放，则去相应的地址下载播放插件

<object>

<object>标签可以用来给浏览器加载插件，通过加载的插件来播放视频和音频（兼容性不好）

• 播放音频

  <object data="Trouble is a friend.mp3">
      <param name="src" value="Trouble is a friend.mp3" />
      <param name="autoplay" value="true" />
  </object>

• 播放flash

  <object classid="......" width="200px" height="200px" codebase="......">
      <param name="movie" value="动画.swf" />
      <param name="play" value="true" />
      <param name="loop" value="true" />
      <param name="quality" value="high" />
  </object>

  • classid：设置播放控件的ID
  • codebase：播放控件的地址

兼容性

为了能实现浏览器更好的兼容性，一般使用object标签内嵌套embed标签。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6.0.40.0" width="200px" height="100px" id="myMovieName">

<param name="movie" value="猫.swf"/>
<param name="quality" value="high"/>
<param name="bgcolor" value="#FFFFFF"/>

<embed src="猫.swf" quality="high" bgcolor="#FFFFFF" width="200px" height="100px" name="myMovieName" type="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</embed>

</object>