<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <audio src="https://ip-h5-nf01-sycdn.kuwo.cn/08fc62da0d838431d2c6135ddd66c5ae/5e1bdce5/resource/n2/97/38/2347707388.mp3" controls id="music"></audio> <button id="play">播放</button> <button id="paused">暂停</button> </body> <script> //封装函数让谷歌浏览器自动播放 function play() { var music = document.getElementById("music"); //判断如果音乐停止播放中,就让他播放。。。 if (music.paused) { music.paused = false; music.play(); } } //调用函数 setInterval(play(), 1); </script> </html>
原生js控制audio标签自动播放
原创
©著作权归作者所有:来自51CTO博客作者蓝色海岛的原创作品,请联系作者获取转载授权,否则将追究法律责任
下一篇:css3+js旗帜飘动
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
H5视频自动播放方案
H5视频自动播放
H5 序列帧 2d 视频自动播放 -
flv视频流播放
前端播放视频流
ide 视频流 Events