html怎么自动播放音乐呢?

html怎么自动播放音乐呢?,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码

<audio autoplay="autoplay" loop=""><source src="11704.mp3"></audio>。

3、浏览器运行index.html页面,此时一进入页面就自动播放了背景音乐

由于浏览器的安全策略问题,现在已经不再支持打开页面自动播放音乐了,如需要播放还是要让用户点击播放才可以,可以使用html5的audio标签加载音乐播放。

<audio src="https://lanye.org/demo.mp3" controls width="100%"></audio>

HTML代码中插入音乐播放器,大致有四种风格,代码如下:

白色普通播放器代码:

<EMBED height=45 type=audio/mpeg width=300 src=音乐地址 volume="0" loop="-1"></EMBED>

黑色播放器代码:

<EMBED style="FILTER: Xray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>

灰色播放器代码:

<EMBED style="FILTER: Gray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>

棕色播放器代码:

<EMBED style="FILTER: Invert" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>

注:代码中SRC对应音乐地址、width和height控制播放器的大小、volume="0" 表示设定的音量大小,数值大小在0--100之间 、 loop="-1" 表示循环播放 。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6196981.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存