您现在的位置:首页 >> 前端 >> 内容

HTML多媒体实现标签

时间:2018/3/20 11:34:44 点击:

  核心提示:HTML多媒体web上的多媒体是指音效、音乐、视频和动画,现代网络浏览器已经支持很多多媒体格式。在HTML5之前,主要提供两种元素进行多媒体的展示,一个是embed标签,另一个是object标签。em...

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="https://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="https://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="https://www.macromedia.com/go/getflashplayer">

</embed>

</object>

Tags:HT TM ML L多 
作者:网络 来源:远方水木