首页 > 软件开发 > HTML >

网页怎么添加背景音乐

来源:互联网 2023-03-16 19:08:26 162

现在经常会在一些网页中会配有一些背景音乐,如在淘宝店的首页、QQ空间又或者个人的博客网页,那么怎样在网页中添加背景音乐呢?这里介绍两种方法!PZm办公区 - 实用经验教程分享!

方法/步骤

  • 1

    首先看bgsound>标签,bgsound 是用以插入背景音乐,但只适用于 IE,其参数设定很少,看看百度百科说明PZm办公区 - 实用经验教程分享!

    网页怎么添加背景音乐PZm办公区 - 实用经验教程分享!

  • 2

    其使用的参数为PZm办公区 - 实用经验教程分享!

    src="your.mid"PZm办公区 - 实用经验教程分享!

    设定 midi 档案及路径,可以是相对或绝对;PZm办公区 - 实用经验教程分享!

    autostart=true,PZm办公区 - 实用经验教程分享!

    是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。PZm办公区 - 实用经验教程分享!

    loop=infinitePZm办公区 - 实用经验教程分享!

    是否自动反复播放。loop=2 表示重复两次,infinite 表示重复多次。PZm办公区 - 实用经验教程分享!

    可以将下面的代码放到扩展名为.html的文本中,就可以用IE游览器打开试试PZm办公区 - 实用经验教程分享!

    html>PZm办公区 - 实用经验教程分享!

    body>PZm办公区 - 实用经验教程分享!

    bgsound src="音乐的相对或者绝对地址" loop=-1>PZm办公区 - 实用经验教程分享!

    /body>PZm办公区 - 实用经验教程分享!

    /html>PZm办公区 - 实用经验教程分享!

    网页怎么添加背景音乐PZm办公区 - 实用经验教程分享!

    网页怎么添加背景音乐PZm办公区 - 实用经验教程分享!

  • 3

    另外一个是embed>标签,embed> 是用来插入各种多媒体,格式可以是 midi、wav、aiff、au 等等,netscape 及 新版的 ie 都支持。其参数设定较多,有十个参数可以设置PZm办公区 - 实用经验教程分享!

    网页怎么添加背景音乐PZm办公区 - 实用经验教程分享!

  • 4

    看看embed>标签的参数,其本用法为embed src=url,其参数如下:PZm办公区 - 实用经验教程分享!

    1.自动播放: 语法:autostart=true、falsePZm办公区 - 实用经验教程分享!

    说明:该属性规定音频或视频文件是否在下载完之后就自动播放PZm办公区 - 实用经验教程分享!

    2.循环播放: 语法:loop=正整数、true、false 说明:该属性规定音频或视频文件是否循环及循环次数。属性值为正整数值时,音频或视频文件的循环次数与正整数值相同PZm办公区 - 实用经验教程分享!

    3.面板显示: 语法:hidden=ture、no 说明:该属性规定控制面板是否显示,ture:隐藏面板;no:显示面板PZm办公区 - 实用经验教程分享!

    4.开始时间: 语法:starttime=mm:ss(分:秒) 说明:该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放PZm办公区 - 实用经验教程分享!

    5.音量大小: 语法:volume=0-100之间的整数 说明:该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定PZm办公区 - 实用经验教程分享!

    网页怎么添加背景音乐PZm办公区 - 实用经验教程分享!

    网页怎么添加背景音乐PZm办公区 - 实用经验教程分享!

  • 5

    再看其他参数:PZm办公区 - 实用经验教程分享!

    6.容器属性: 语法:height=# width=#控制面板的高度与宽度;PZm办公区 - 实用经验教程分享!

    说明:值为正整数或百分数,单位为像素。该属性规定控制面板的高度和宽度。 7.容器单位: 语法:units=pixels、en 说明:该属性指定高和宽的单位为pixels或en。PZm办公区 - 实用经验教程分享!

    8.外观设置: 语法:controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumeleverPZm办公区 - 实用经验教程分享!

    说明:该属性规定控制面板的外观。默认值是console。PZm办公区 - 实用经验教程分享!

    9.说明文字: 语法:title=# 说明:#为说明的文字。该属性规定音频或视频文件的说明文字。PZm办公区 - 实用经验教程分享!

    10.前景色和背景色: 语法:palette=color|color 说明:该属性表示嵌入的音频或视频文件的前景色和背景色,第一个值为前景色,第二个值为背色,中间用 | 隔开。color可以是RGB色(RRGGBB)也可以是颜色名,还可以是transparent(透明)。PZm办公区 - 实用经验教程分享!

    12.对齐方式: 语法:align=top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom 说明:该属性规定控制面板和当前行中的对象的对齐方式。PZm办公区 - 实用经验教程分享!

    网页怎么添加背景音乐PZm办公区 - 实用经验教程分享!

    网页怎么添加背景音乐PZm办公区 - 实用经验教程分享!

  • 5相关内容非法爬取自百度经验
  • 6

    那么这些参数都可以自己需要来调节的,当然我只用了这个标签作了放音乐的演示,现在来看看用 作视频播!拿一段优酷的视频来演示!改一下地址就可以了!PZm办公区 - 实用经验教程分享!

    网页怎么添加背景音乐PZm办公区 - 实用经验教程分享!

    网页怎么添加背景音乐PZm办公区 - 实用经验教程分享!

    网页怎么添加背景音乐PZm办公区 - 实用经验教程分享!

  • 7

    最后这个标签还是很强大的,自己可以详细看看各参数具体用法,这里就作简单演示!PZm办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!PZm办公区 - 实用经验教程分享!


    标签: 网页HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码