<embed src="……/filename（歌曲地址）">
其属性有
1、自动播放：
语法：autostart=true、false
说明：该属性规定音频或视频文件是否在下载完之后就自动播放。
true：音乐文件在下载完之后自动播放；
false：音乐文件在下载完之后不自动播放。
2、循环播放：
语法：loop=正整数、true、false
说明：该属性规定音频或视频文件是否循环及循环次数。
属性值为正整数值时，音频或视频文件的循环次数与正整数值相同；
属性值为true时，音频或视频文件循环；
属性值为false时，音频或视频文件不循环
3、面板显示：
语法：hidden=ture、no
说明：该属性规定控制面板是否显示，默认值为no。
ture：隐藏面板；
no：显示面板
4、开始时间：
语法：starttime=mm:ss（分：秒）
说明：该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。
5、音量大小：
语法：volume=0-100之间的整数
说明：该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。
6、容器属性：
语法：height=# width=#
说明：取值为正整数或百分数，单位为像素。该属性规定控制面板的高度和宽度。
height：控制面板的高度；
width：控制面板的宽度。
7、容器单位：
语法：units=pixels、en
说明：该属性指定高和宽的单位为pixels或en
8、外观设置：
语法：controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever 说明：该属性规定控制面板的外观。默认值是console。
console：一般正常面板；
smallconsole：较小的面板；
playbutton：只显示播放按钮；
pausebutton：只显示暂停按钮；
stopbutton：只显示停止按钮；
volumelever：只显示音量调节按钮。
9、对象名称：
语法：name=#
说明：#为对象的名称。该属性给对象取名，以便其他对象利用。
10、说明文字：
语法：title=#
说明：#为说明的文字。该属性规定音频或视频文件的说明文字。
11、前景色和背景色：
语法：palette=color|color
说明：该属性表示嵌入的音频或视频文件的前景色和背景色，第一个值为前景色，第二个值为背景色，中间用 | 隔开。color可以是RGB色（RRGGBB）也可以是颜色名，还可以是transparent（透明）。
12、对齐方式：
语法：align=top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom
说明：该属性规定控制面板和当前行中的对象的对齐方式。
center：控制面板居中；
left：控制面板居左；
right：控制面板居右；
top：控制面板的顶部与当前行中的最高对象的顶部对齐；
bottom：控制面板的底部与当前行中的对象的基线对齐；
baseline：控制面板的底部与文本的基线对齐；
texttop：控制面板的顶部与当前行中的最高的文字顶部对齐；
middle：控制面板的中间与当前行的基线对齐；
absmiddle：控制面板的中间与当前文本或对象的中间对齐；
absbottom：控制面板的底部与文字的底部对齐。
设计视图中
插入视频——插件——键入音乐地址。
播放的控制可以在参数中设置，参数参见上面。。
也可以用program标签。。
这是我做的背景音乐html浏览效果图
我的目录：
html代码：(其中我还做了视频的播放，你要音乐只需截取音乐部分html就行了)
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>html实现音频、视频的插入</title>
<style>
body{
padding-top:40px;
}
#main{
margin:auto;
width:900px;
background-color:#CCC;
}
#img{
text-align:center;
padding-top:40px;
}
#audio{
width:900px;
height:100px;
text-align:center;
line-height:100px;
}
#video{
text-align:center;
}
</style>
</head>
<body>
<div id="main">
<!--autoplay属性：音频就绪后马上播放
controls如果出现该属性，则向用户显示控件，比如播放按钮。
loop如果出现该属性，则每当音频结束时重新循环开始播放。loop=2就是播放两次。loop=-1即无限循环
preload如果出现该属性，则音频在页面加载时进行加载，并预备播放。
如果使用 “autoplay”，则忽略该属性。
src 要播放的音频的 URL。也可以使用<source>标签来设置音频。-->
<div id="img"><img src="img/audiopng"></div>
<div id="audio">
<audio controls="controls"loop="-1" preload="auto" align="center">
<source src="audio/Alan Walker - Fademp3" />
<source src="audio/Alan Walker - Fadeogg" />
<source src="audio/Alan Walker - Fadewav" />
</audio>
</div>
<div style="width:900px; margin:auto;height:50px; background-color:#FFF; "></div>
<div style="width:900px; margin:auto;height:40px; text-align:center; line-height:40px;">Sunshine girl</div>
<div id="video">
<video width="800px" height="600px" controls="controls">
<source src="video/MOUMOON - SUNSHINE GIRLogg" type="video/ogg">
<source src="video/MOUMOON - SUNSHINE GIRLmp4" type="video/mp4">
<source src="video/MOUMOON - SUNSHINE GIRLmkv" type="video/mkv">
</video>
<div style="width:900px; margin:auto;height:50px; background-color:#FFF; "></div>
<div style="width:900px; margin:auto;height:40px; text-align:center; line-height:40px;">MiMiMi</div>
<video width="800px" height="600px" controls="controls">
<source src="video/SEREBRO - Mi Mi Mi - WAVEYA舞蹈版ogg" type="video/ogg">
<source src="video/SEREBRO - Mi Mi Mi - WAVEYA舞蹈版mp4" type="video/mp4">
<source src="video/SEREBRO - Mi Mi Mi - WAVEYA舞蹈版mkv" type="video/mkv">
</video>
<div style="width:900px; margin:auto;height:50px; background-color:#FFF; "></div>
<div style="width:900px; margin:auto;height:40px; text-align:center; line-height:40px;">独立日2(卷土重来)</div>
<video width="800px" height="600px" controls="controls">
<source src="video/独立日2(卷土重来)ogg" type="video/ogg">
<source src="video/独立日2(卷土重来)mp4" type="video/mp4">
<source src="video/独立日2(卷土重来)mkv" type="video/mkv">
<div style="width:900px; margin:auto;height:50px; background-color:#CCC; "></div>
</video>
</div>
</div>
</body>
</html>在Dreamweaver80中插背景音乐默认分类 2009-12-09 15:37 阅读432 评论0 字号： 大大 中中 小小 提问如何在 Dreamweaver 中插入背景音乐，现在让我一次性向大家介绍几种背景音乐的插入方法，让更多的人去掌握它。一、直接插入法1打开一张需要插入背景音乐的网页，在菜单中找到这样的命令： Windows - > Behaviors，调出“Behaviors”行为面板，如下图所示(Dreamweaver MX 的面板)： 2点击“+”号按钮，选择“play sound”命令。 如果此命令呈反白色，不可用，请在此命令下拉列表中选择“Show Even For”命令，在此子菜单里选择“ IE 40 ”以上的版本，因为IE 40 以上的版本才支持此种格式的音乐插入方法。3此时d出插入文件窗口，按“Browser”按钮选择音乐文件，当然是要浏览器支持的音乐文件格式(如mid、wav、AIFF、AU)。4插入之后网页里会显示一个“plugin”插件图标，但我们还需要作进一步的调整。因为 Dreamweaver 自动插入了一段控制代码，方便我们定制激活背景音乐。但此功能不需要用到，那么就要把它删除。代码有两段，分别如下：代码一、 代码二、 5完成插入，此时的背景音乐还不能自动播放，点选插件图标，按“ctrl + F3”快捷键，调出属性面板，点击右下角的“Parameters”按钮，在d出的窗口中进行修改，把参数“AutoStart”后面的“Value”缺省值“false”改成“true”（如下图所示），这样就达到打开页面背景音乐就响起的效果。 6之前打开删除代码时我们看到了插入音乐的 HTML 标记为 < EMBED > ，为巳么蠹叶运�懈�由钊氲牧私猓�酉吕唇樯芤幌< EMBED >标记的参数：< EMBED > 是用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及 新版的 IE 都支持。其参数设定较多。如下：< EMBED src="yourmid" autostart="true" loop="true" hidden="true" >src="yourmid"设定 midi 档案及路径，可以是相对或绝对。autostart=true是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。loop="true"是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。HIDDEN="true"是否完全隐藏控制画面，true 为是，no 为否 (内定)。STARTTIME="分:秒"设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。VOLUME="0-100"设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定。WIDTH="整数" 和 HIGH="整数"设定控制面板的高度和宽度。(若 HIDDEN="no")ALIGN="center"设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottomCONTROLS="smallconsole"设定控制面板的外观。预设值是 console。console 一般正常面板smallconsole 较小的面板playbutton 只显示播放按钮pausecutton 只显示暂停按钮stopbutton 只显示停止按钮volumelever 只显示音量调节按钮二、代码法< BGSOUND >：< BGSOUND > 是用来插入背景音乐，但只适用于 IE，其参数设定不多。如下< BGSOUND src="yourmid" autostart=true loop=infinite >src="yourmid"设定 midi 档案及路径，可以是相对或绝对。autostart=true是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。loop=infinite是否自动反复播放。LOOP=2 表示重复两次，Infinite 表示重复多次。此种方法就是直接把< BGSOUND >标记放于网页文件的< head >< /head >之间，设置好mid文件的路径就行。参数的设置如文中解说。三、插件法有些人始终没有舍弃 FrontPage 也许就因为在一些元素的插入中，Dreamweaver 没有提供功能，或者不方便。但我们知道，Dreamweaver 支持插件，声音插入插件为我们提供了方便。插件名称：soundmxp下载后双击文件，就可以直接安装了，安装完成你可以在“对象”面板的“Common”栏看到一个喇叭图标。直接点击此按钮，就d出如下图所示的插入窗口： Forever：设置无限循环播放Never：不循环播放，即只播放一次NO of times：设置播放的次数点击“Browser”按钮选择好声音文件之后，按确定完成制作。学习了上面三种方法，以后插入背景音乐就简单方便多了。
准备材料：电脑、dw软件、music原原件
1、首先打开dw软件。
2、通过点击HTML进入编辑页面。
3、通过选择代码、拆分和设计选择编辑模式。
4、这里以拆分为例，通过在<body>和</body>之间加<bgsound 双人床=“地址”>来了进行插入音乐。
5、通过在双引号内右击选择编辑标签。
6、最后点击确定就可以了。
方法一：将下面的代码插入到<head>与</head>之间<bgsound src="你的音乐地址" loop="-1"/>
方法二：将下面的代码插入到<body>与</body>之间
<embed src"你的音乐地址" hidden="true" volume="10000" balance="0" loop="-1" ></embed>代码一、<BGSOUND src="音乐文件网址" loop=infinite>
代码二、<DIV><OBJECT id=videowindow1 height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM NAME="URL" VALUE="音乐文件网址"><PARAM NAME="playCount" VALUE="infinite"><PARAM NAME="autoStart" VALUE="1"><PARAM NAME="volume" VALUE="50"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="1"></OBJECT></DIV>
代码说明：
两种代码都可以为博客添加音乐，它们的分别在于：
1、加入背景音乐，播放器不会显示在页面上；
2、加入播放器，使用播放器播放背景音乐。
代码2中的以下部分可以自行替换：
1、音乐文件网址可以替换上自己喜欢的音乐文件网址；
2、语句<PARAM NAME="playCount" VALUE="infinite">的“infinite”可以替换为数字，表示重复播放多少次，如果不更改表示永久循环播放；
3、语句<PARAM NAME="autoStart" VALUE="1">表示是否自动播放，更改为"0"时不会自动播放，"1"的时候是自动播放；
4、height和width两个属性可以改变播放器的大小。
如果音乐文件在你的根文件夹内，那你就可以直接在上述代码中的“音乐文件网址”替换为你的文件全称就可以了，比如音乐文件为，haotingmp3 那你就在上述代码中的音乐文件网址中输入haotingmp3就可以了一、将常用工具栏切换到“常用”子工具栏，单击展开“媒体”按钮，从中选择“插件”。
二、从d出“选择文件夹”对话框中选择MP3文件
三、插入完成后有一个灰色的插件标志，网页浏览的时候会显示一个音乐播放条
四、可以随便改她的尺寸按"f12"时出现一个音乐条只播放一遍
五、选中插件，在属性面板单击参数，可设置loop的值为true 。在添加一个hidden参数值为true时播放条影藏循环播放
上面的兄弟是在代码里编辑的了
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）