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

时间:2023-03-09 22:56:06
网页中创建音频、视频和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>