html audio标签怎么实现自动重复播放

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html audio标签怎么实现自动重复播放相关的知识,希望对你有一定的参考价值。

html audio标签怎么实现自动重复播放自动播放没问题,重复自动播放该怎么搞

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

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

2、在index.html中的<body>标签中,输入html代码:<audio controls autoplay loop src="11704.mp3"></audio>。

3、浏览器运行index.html页面,此时进入页面就自动播放音频文件,并且会循环播放。

参考技术A 您好,你可以这样写:
<audio controls="controls" loop="loop">
<source src="song.ogg" type="audio/ogg" />
<source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>

loop 属性规定当音频结束后将重新开始播放。如果设置该属性,则音频将循环播放。
语法:<audio loop="loop" />追问

那要是跳转到其他栏目不中断播放该怎么写

追答

这个没办法了,因为你跳转到背的栏目相当于刷新,就跟qq空间一样!

追问

这个直接复制然后把音乐路径改了就好了对吧

以上是关于html audio标签怎么实现自动重复播放的主要内容,如果未能解决你的问题,请参考以下文章

HTML5中audio标签的使用

js一加载网页就自动播放

html5 audio 标签autoplay="autoplay"在手机预览网页无法自动播放背景音乐

audio标签的自动播放(ios)

HTML5 audio 如何实现播放多个MP3音频

audio标签怎么实现多首音乐的播放啊?