首页 > 代码库 > 网页中创建音频、视频和Flash等多媒体:object元素

网页中创建音频、视频和Flash等多媒体:object元素

<object>元素:它主要用于定义网页中的多媒体,比如音频、视频、Java applets、PDF、ActiveX和Flash。Object标签是成对出现的,在object标签内可以使用param标签等。Object标签内除了param标签外,其它的内容将在浏览器不支持object标签时显示。注意,在HTML5尚未制定完成且普及时,最好使用flash在网页中播放音频和视频,以保证最大兼容性

 

Object标签的主要可选属性:

type -> 被规定在data属性中指定的文件中出现的数据的MIME类型

width -> 对象的宽

height -> 对象的高

data -> 引入对象的URL,如果有需要对象处理的数据文件,用data属性来指定这些文件

border -> 定义对象周围的边框

name -> 为对象对已唯一的名称(以便在脚本中使用)

vspace -> 定义对象的垂直方向的空白

hspace -> 定义对象周围水平方向的空白

<!--- 使用OBJECT元素,type、data属性以及PARAM元素播放flash ---><div style="border:5px solid black; padding:5px; float:left;">  <object width="200" height="200" type="application/x-shockwave-flash" data="clock.swf">    <param name="src" value="clock.swf" />    <param name="quality" value="high" />  </object></div>

 

在object内param元素的一些用法:

<!--控制重复次数: “x”为几重复播放几次; x=0,无限循环。--><param name="playcount" value="1"> <!--控制播放方式: x=1,打开网页自动播放; x=0,按播放键播放。--><param name="autostart" value="0"> <!--控制播放开关: x=1,可鼠标点击控制播放或暂停状态; x=0,禁用此功能。--><param name="clicktoplay" value="1"><!--控制播放画面: x=0,原始大小; x=1,一半大小; x=2,2倍大小。--><param name="displaysize" value="0"><!--控制切换全屏: x=1,允许切换为全屏; x=0,禁用此功能。--><param name="enablefullscreen controls" value="1"><!--控制音量: x=1,允许调节音量; x=0,禁止音量调节。--><param name="showaudio controls" value="1"><!--控制快捷菜单: x=1,允许使用右键菜单; x=0,禁用右键菜单。--><param name="enablecontext menu" value="1"><!--控制版权信息: x=1,显示电影及作者信息;x=0,不显示相关信息--><param name="showdisplay" value="1"> <!--是否自动播放--> <param NAME="AutoStart" VALUE="-1"><!--调整左右声道平衡,同上面旧播放器代码--> <param NAME="Balance" VALUE="0"><!--播放器是否可人为控制--><param name="enabled" value="-1"> <!--是否启用上下文菜单--><param NAME="EnableContextMenu" VALUE="-1"> <!--播放的文件地址--><param NAME="url" VALUE="http://1.wma"> <!--播放次数控制,为整数--> <param NAME="PlayCount" VALUE="1"><!--播放速率控制,1为正常,允许小数,1.0-2.0--> <param name="rate" value="1"><!--控件设置:当前位置--> <param name="currentPosition" value="0"><!--控件设置:当前标记--> <param name="currentMarker" value="0"><!--显示默认框架--> <param name="defaultFrame" value=""><!--脚本命令设置:是否调用URL--><param name="invokeURLs" value="0"> <!--脚本命令设置:被调用的URL--><param name="baseURL" value=""> <!--是否按比例伸展--><param name="stretchToFit" value="0"> <!--默认声音大小0%-100%,50则为50%--> <param name="volume" value="50"><!--是否静音--><param name="mute" value="0"> <!-- 播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示 --><param name="uiMode" value="mini"><!--如果是0可以允许全屏,否则只能在窗口中查看--><param name="windowlessVideo" value="0"><!--开始播放是否自动全屏--><param name="fullScreen" value="0"> <!--是否启用错误提示报告--><param name="enableErrorDialogs" value="-1"> <!--SAMI样式--><param name="SAMIStyle" value> <!--字幕ID--><param name="SAMIFilename" value>