给网页加背景音乐

最新推荐文章于 2023-11-20 18:00:00 发布

SThranduil

最新推荐文章于 2023-11-20 18:00:00 发布

阅读量1.8k

点赞数 5

分类专栏：前端效果 html 文章标签：音乐背景音乐网页网页背景音乐前端

本文链接：https://blog.csdn.net/SThranduil/article/details/53392827

版权

前端同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

效果

2 篇文章 0 订阅

订阅专栏

html

1 篇文章 0 订阅

订阅专栏

在需要添加背景音乐的页面`<body></body>`内，编码：

<embed autostart="true" loop="-1" controls="console" hidden="false" width="500" height="100" src="${ctx}/resources/css/See You Again.mp3">

参数解释：

src：背景音乐路径
autostart：是否自动播放，true是，false否，默认false（不自动播放）
loop：循环标志位，true无限循环，false只循环一次，如果是具体数字的话，就代表循环的次数，比如loop=“5”就代表循环五次，之后停止播放
height/width:播放器外观的高度/宽度
hidden:播放器是否隐藏，true就是隐藏，false就是显示
volume：音量，取值范围0-100，默认值为系统当前音量
starttime：设置打开网页后音乐开始播放的时间，格式是“分：秒”，如：starttime＝”11:11”，代表打开页面后的第11分11秒开始播放背景音乐
endtime：设置音乐结束播放的时间，格式同上
controls：设置音乐播放控制面板外观，加了就是有，不加就是没用，主要有这几个参数：

     1. console：普通面板；
     2. smallconsole：小型面板；
     3. playbutton：是否显示播放按钮
     4. pausebutton：是否显示暂停按钮
     5. stopbutton：是否显示停止按钮

例如：controls=”console/smallconsole/playbutton/pausebutton/stopbutton/volumelever”。

注意：

这种方式对IE的支持比较好，很多参数在chrome浏览器下没用~~~同样的参数，不同的浏览器下外观不同！

SThranduil

关注

5
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
给网页加背景音乐

在需要添加背景音乐的页面<body></body>内，编码：<embed autostart="true" loop="-1" controls="console" hidden="false" width="500" height="100" src="${ctx}/resources/css/See You Again.mp3">参数解释：src：背景音乐路径 autostart：是否自动播放
复制链接

扫一扫