老师，你好，为什么我这个代码是不会自动播放的，增加controls才会播放。

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Audio</title>

</head>

<body>

<audio src="passion.mp3" autoplay="autoplay" loop="-1">您的浏览器该退休啦！</audio>

</body>

</html>

qq_慕移动3101913 2019-07-26

源自：HTML5标签变化 3-6 audio

9

收起

3回答

好帮手慕言回答被采纳获得+3积分 2019-07-26 17:37:16

同学你好，老师这边使用同学提供的代码在谷歌浏览器测试是可以的，并没有出现同学所说的问题。

同学使用的是火狐浏览器测试的吗？老师在火狐浏览器下是不能自动播放的，要添加controls属性，点击播放才可以。

建议同学使用谷歌测试下。

如果帮助到了你，欢迎采纳~祝学习愉快~

qq_慕移动3101913 提问者 #1

我用的是谷歌浏览器哦。

2019-07-26 17:50:40

好帮手慕夭夭 2019-07-26 19:30:05

你好同学，这是因为谷歌浏览器禁止带声音的内容自动播放，例如如果是视频的话，还可以设置一下muted静音属性，则可以自动播放了。

祝学习愉快，望采纳。

好帮手慕言 2019-07-26 19:28:53

同学你好，也有可能是版本的问题。

老师使用是最新版本，测试是可以的。

建议同学更新后测试下，

如果帮助到了你，欢迎采纳，祝学习愉快

提问者 qq_慕移动3101913 #1

好的，谢谢

2019-07-29 09:14:42

相似问题

audio不能播放声音

老师，我发现这样写，歌曲可以自动播放，不会停，可是有两声音。

为什么我的在谷歌下就自动播放了

我使用HTML播放慕课，他会自动跳到flash播放

播放列表管理中添加歌曲会同时添加到主播放列表和普通播放列表中，请老师纠正

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载