chrome处于安全考虑,不会自动播放音视频,只能与页面有交互后调用播放函数
<!DOCTYPE html>
<html>
<head>
<title>音乐自动播放</title>
</head>
<body>
<audio autoplay="autoplay" controls id="playbox">
<source src="mp3.mp3" type="">
</audio>
<script type="text/javascript">
// 标签audio和audio实例用法一样
// 实例的用法-------
// const audio = new Audio();
// audio.autoplay = true;
// audio.src = 'mp3.mp3';
// // 点击任意 播放
// document.addEventListener('click', () => {
// myplay()
// },true);
// function myplay(){
// audio.play()
// }
// 标签的用法-------
const playbox = document.getElementById("playbox")
// 点击任意 播放
document.addEventListener('click', () => {
playbox.play()
},true);
</script>
</body>
</html>
标签:playbox,document,音频,播放,html,自动播放,audio,true
From: https://blog.51cto.com/u_15668841/6147347