多媒体代码、标签及属性

来源：互联网发布：淘宝团购的软件有哪些编辑：程序博客网时间：2024/05/21 03:19

多媒体代码、标签及属性

多媒体标签属性

<BGSOUND>标签：

适用的范围：插入背景音乐，但只用于IE，且只可在<head></head>中使用。

格式与属性： <bgsound 属性="属性值">
               src="mp3音乐地址"
               autostart="是否自动播放"：true 是，false否。
               loop="播放次数"： 2 表示重复两次，Infinite或者-1表示重复多次。

<EMBED> 标签：

适用的范围：用以插入各种多媒体，格式可以是 midi、wav、wma、rm等等，并且因为音乐格式的不同，
可能会有不同的控制面板出现。多种浏览器者支持。

格式与属性： <embed 属性="属性值">
               src="多媒体地址"
               autostart="是否自动播放"：true 是，false否。
               loop="播放次数"： 2 表示重复两次， true重复，false不重复。
               hidden="是否隐藏面板"    true是， no否。
               starttime="设定歌曲开始播放的时间"   如"00:30" 表示从第30秒开始播放。
               volume="设定音量的大小"：数值是0到100之间。
               width="宽度" 和 height="高度"
               align="面板和文字的对齐方式"：值是 top（顶部）、bottom（底部）、center（居中）、
                       baseline（底线）、 left（居左）、right（居右）、texttop（文本顶部）、middle（中间）、
                       absmiddle（绝对居中）、absbottom（绝对底部）。

        controls="设定控制面板的外貌" ：
                       console 一般正常的面板
                       smallconsole 较小的面板
                       playbutton 只显示播放按钮
                      pausecutton 只显示暂停按钮
                       stopbutton 只显示停止按钮
                       olumelever 只显示音量调整钮

         播放器类型：
                       wmp播放器： type=application/x-mplayer2
                       rea播放器：   type=audio/x-pn-realaudio-plugin
                       flash播放器： type=application/x-shockwave-flash

（摘自网页：http://www.niwota.com/submsg/4392181）

<img> 标签：

适用的范围： AVI

格式与属性： <img dynsrc="url.avi" src="url.gif">
           dynsrc=url.avi：视频地址
           src=url.gif ：封面图象地址
           start=何时开始播放：
                  fileopen    链接到含本标记的页面(如本页)时开始播放
                  mouseover 是指您把鼠标移到或点击播放区域之上时才开始播放
                  start=fileopen,mouseover  两者同时设置
           controls   显示播放控制条
          loop=循环播放：infinite 循环播放不止，可为数字
          loopdelay=延时：可为数字，单位毫秒。

日志里贴音乐代码

1、帖子里插入Flash代码：

其中“Flash地址”必须以“http://”开头和“.swf”结尾，width是指播放画面宽度，height指高度。如果需要居中，在上面代码前面加入<P align=center>居中代码。

2、插入mp3代码：

支持rm或mid格式（随机播放）：

非自动播放：

隐藏mp3播放器：

3、视频常用播放器[MTV]

4、插入背景音乐的代码：

　音乐地址一般都以mid或者mp3的形式结尾后面的数字是播放次数。”-1”是循环播放。

5、放透明flash的代码：

简易型：

标准型：

（摘自网页：http://www.xpshw.com/xplt/viewthread.php?tid=3420）

设置播放器的代码

第一种设置方式

代码： <embed src=http://www.nxc.cn/bbs/uploadfile/2004-8/200481482641160.wma width=200 height=40 type=audio/x-ms-wma autostart="true" loop="true">

或下面这种代码也可以，效果与上面的一样

其中：width=100 height=40 中的数字分别表示播放器的宽度和高度，

选择0将隐藏播放器（隐藏时一定要选择自动播放）

autostart="true"中true或1表示自动播放，false或0表示手动播放

loop="true" 中的true或1表示重复播放，false或0表示只播放一次

如果是mp3、rm等格式，播放器会显示下面的样式

第二种设置方式

代码： <embed src=http://202.116.140.5/music/gccd/4/cd-0321/11.mp3 width=200 height=30 type=audio/x-pn-realaudio-plugin autostart="0" controls="controlpanel"></embed>

第三种设置方式

代码： <table style="filter: alpha(opacity=100, finishopacity=0, style=2, startx=20, starty=40, finishx=0, finishy=0)gray(); width: 200px; height: 83px"><tbody><tr><td><embed style="border-right: silver 1px solid; border-top: silver 1px solid; border-left: silver 1px solid; border-bottom: silver 1px solid" src=http://www.nxc.cn/bbs/uploadfile/2004-8/200481482641160.wma width=200 height=50 type=audio/x-mplayer2 console="video" showstatusbar="0" enablecontextmenu="0" volume="0" autostart="0" loop="-1"></td></tr></tbody></table>

这种方式建议大家使用自动播放

（摘自网页： http://club.heima.com/show_classmate.aspx?forumid=329440&topicid=491552）

播放器代码及参数属性

透明播放器代码

<TBODY>

<TR>

autostart="0"设置为0就是手动才能播放，要自动播放设置为1

黑色的播放器

白色半透明播放器

<TBODY>

<TR>

银白色播放器

看到上面酷酷的播放器不用羡慕，实际上它们都是使用CSS滤镜打造出来的。感兴趣的就和我一起来学习吧！GO GO GO滤镜介绍：

多媒体HTML标签及属性 - 火力光波 - 火力光波的博客

下面挑几个详细介绍一下

(1) alpha属性

alpha是来设置透明度的。先来看一下它的表达格式：

　　filter：alpha（opacity=opcity，finishopacity=finishopacity，

　　style=style，startX=startX，startY=startY，finishX=finishX，

　　finishY=finishY）

Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。 Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。

Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。 StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。

(2) blur属性

filter：blur（add=add，direction，strength=strength）

我们看到blur属性有三个参数：add、direction、strength。

Add参数有两个参数值：true和false。意思是指定图片是否被改变成模糊效果。Direction参数用来设置模糊的方向。模糊效果是按照顺时针方向进行的。其中0度代表垂直向上，每45度一个单位，默认值是向左的270度。角度方向的对应关系见下表：

多媒体HTML标签及属性 - 火力光波 - 火力光波的博客

Strength参数值只能使用整数来指定，它代表有多少像素的宽度将受到模糊影响。默认值是5像素。

(3)Gray属性

把一张图片变成灰度图。它的表达式很简单： Filter：Gray

(4)Invert属性

　　Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。

　　它的表达式也很简单：Filter：Invert

(5)Xray属性

就是X射线的意思。

　Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。它的表达式很简单：

　Filter：Xray 大家注意看黑色播放器的代码，实际上就是用的这种属性。

以上滤镜代码可以单独使用，也可以联合使用,而且还要活学活用。特效代码中的一和二就是联合使用的结果，当然其中还加了很多CSS样式，如果感兴趣可以进一步深入学习。

（摘自网页：http://www.xpshw.com/xplt/viewthread.php?tid=3420）