网页中创建音频、视频和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>

 

 

posted @ 2014-06-25 19:38  HX_追风  阅读(1832)  评论(0编辑  收藏  举报