多媒体和跑马灯

多媒体

1、音频、视频、动画等

用法：<embed src="URL" width="500" height="400"></embed>

2、<embed>属性说明

  • src：嵌入内容的url路径，可以是相对路径或绝对路径
  • width：设置嵌入内容的宽度
  • height：设置嵌入内容的高度
  • units：设置指定高和宽的单位为pixels或en
  • autostart：设置音频或视频文件是否在下载完之后就自动播放，取值如下：
  • true：音乐文件在下载完之后自动播放
  • false：音乐文件在下载完之后不自动播放
  • loop：设置音频或视频文件是否循环及循环次数，取值如下：
  • 正整数：音频或视频文件的循环次数与正整数值相同
  • true：音频或视频文件循环
  • false：音频或视频文件不循环

示例：

<embed src="your.mid" autostart=true loop=2>
<embed src="your.mid" autostart=true loop=true>
<embed src="your.mid" autostart=true loop=false>
  • hidden：设置控制面板是否显示，默认值为false
  • true：隐藏面板
  • false：显示面板

示例：

<embed src="your.mid" hidden="true">
<embed src="your.mid" hidden="false">
  • starttime：设置音频或视频文件开始播放时间.未定义则从文件开头播放,格式:starttime=mm:ss(分:秒)
  • volume：设置音量大小，未定义则使用系统本身的设定。取值：0是最大值，可以使用负值使音量变小
  • controls：设置控制面板的外观。默认值是console

取值如下：

属性 取值
console 一般正常面板
smallconsole 较小的面板
playbutton 只显示播放按钮
pausebutton 只显示暂停按钮
stopbutton 只显示停止按钮
volumelever 只显示音量调节按钮

示例：<embed src="your.mid" controls=smallconsole>

  • name：设置对象的名称
  • title：设置说明的文字。该属性规定音频或视频文件的说明文字

示例：<embed src="your.mid" title="第一首歌">

  • palette：设置前景色和背景色，第一个值为前景色，第二个值为背景色，中间用|隔开
  • align：设置控制面板和当前行中的对象的对齐方式
属性 说明
left 控制面板居左
right 控制面板居右
top 控制面板的顶部与当前行中的最高对象的顶部对齐
bottom 控制面板的底部与当前行中的对象的基线对齐
baseline 控制面板的底部与文本的基线对齐
texttop 控制面板的顶部与当前行中的最高的文字顶部对齐
middle 控制面板的中间与当前行的基线对齐
absmiddle 控制面板的中间与当前文本或对象的中间对齐
absbottom 控制面板的底部与文字的底部对齐

type：设置播放器类型

  • Flash：type=”application/x-shockwave-flash”
  • Windows media player：type=”application/x-mplayer2”
  • Realplayer：type=”audio/x-pn-realaudio-plugin”

3、bgsound背景音乐

解释：bgsound(background sound),Internet Explorer(ie)专用标签，打开网页的时候自动播放背景音乐

属性如下：

  • balance：调整左右声道的音量平衡，取值范围 -10000～10000
  • loop：指定播放回数。当指定为infinite或-1时无限循环播放
  • src：指定音乐文件的地址。支持 .wav, .au, .mid, .aif 等格式
  • volume：调整音量，取值范围 -10000～0 。0 是最大音量

4、applet标签

解释：需要额外的插件和安装过程才能起作用(一般不建议使用)

marquee标签

1、作用

创建一个滚动的文本字幕

2、属性

  • direction：设置滚动方向
  • left：向左
  • right：向右
  • up：向上
  • down：向下（示例：<marquee direction="down">向下</marquee>）
  • behavior：文字滚动方式
  • scroll：连续滚动，重复由一段滚动到另一端
  • slide：滑动一次，不重复
  • alternate：表示两端之间来回滚动
  • loop：循环次数（-1：无限循环（默认），正整数：循环几次）
  • scrollamount：滚动速度，值取正整数，默认是6
  • scrolldelay：停顿时间，值取正整数，默认为0，单位毫秒
  • valign：垂直对齐方式
  • top：顶部对齐
  • middle：居中对齐（默认）
  • bottom：底部对齐
  • align：水平对齐方式
属性 说明
absbottom 绝对底部对齐（与g、p等字母的最下端对齐）
absmiddle 绝对中央对齐
baseline 底线对齐
bottom 底部对齐（默认）
left 左对齐
middle 中间对齐
right 右对齐
texttop 顶线对齐
top 顶部对齐
  • bgcolor：设置活动字幕的背景色，默认白色
  • height：设置活动字幕高度，值取正整数或百分比
  • width：设置活动字幕宽度，值取正整数或百分比
  • hspace：设置活动字幕元素到区域边界的水平距离，值取正整数，单位是像素
  • vspace：设置活动字幕元素到区域边界的垂直距离，值取正整数，单位是像素
  • onmouseover=this.stop() onmouseout=this.start() 表示当鼠标移上区域的时候滚动停止，当鼠标移开的时候又继续滚动。
    示例： 
    <marquee id="scrollarea" direction="up" scrolldelay="10" 
  scrollamount="1" width="150" height="80" 
  onmouseover="this.stop();" 
  onmouseout="this.start();">紫沐兜
</marquee>
    3、常见跑马灯 
    <marquee>跑马灯</marquee>普通
<marquee behavior=slide>跑马灯</marquee>滑动 一次
<marquee behavior=scroll>跑马灯</marquee>连续滚动
<marquee behavior=alternate>跑马灯</marquee>来回滚动
<marquee direction=down>跑马灯</marquee>向下滚动
<marquee direction=up>跑马灯</marquee>向上滚动 
<marquee direction=right>跑马灯</marquee>向右滚动 
<marquee direction=’left’>跑马灯</marquee>向左滚动 
<marquee loop=2>跑马灯</marquee>滚动次数 
<marquee width=180>跑马灯</marquee>设定宽度 
<marquee height=30>跑马灯</marquee>设定高度 
<marquee bgcolor="red">跑马灯</marquee>设定背景颜色 
<marquee scrollamount=30>跑马灯</marquee>设定滚动速度 
<marquee scrolldelay=300>跑马灯</marquee>设定滚动时间 
<marquee onmouseover="this.stop()">跑马灯</marquee>鼠标经过上面时停止滚动 
<marquee onmouseover="this.start()">跑马灯</marquee>鼠标离开时开始滚动
<marquee direction=left loop=2 width=960 height=30 scrollamount=30 scrolldelay=300 
onmouseover="this.stop()" onmouseover="this.start()">跑马灯</marquee>
  • ————————————————