老师我的audio显示不出来

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<audio src="Source/passion.mp3">jj</audio>
</body>
</html>

原来是晓琪_ 2019-04-23

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

3

收起

2回答

好帮手慕星星 2019-04-24 10:03:04

同学你好，

1、Chrome浏览器测试没有效果，是因为没有写controls控制栏，浏览器有一个默认样式，如果没有控制栏的话是不显示的，如下：

添加上控制属性就有了：

2、部分浏览器禁止了自动播放音频的效果，例如Chrome浏览器可以设置一下：

在浏览器地址栏中输入：chrome://flags/

输入autoplay，找到粉色框中的设置，选择第二项，重新启动浏览器即可：

自己测试下，祝学习愉快！

提问者原来是晓琪_ 2019-04-23 19:23:24

老师我用火狐测试也没有声音

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<audio src="Source/passion.mp3" autoplay="autoplay" loop></audio>
</body>
</html>

慕婉清0164652 #1

现在的浏览器大部分都禁止自动播放了，只有用户操作后才能播放，这个视频应该录制的比较早，所以不要纠结这个了

2019-04-25 14:47:16

相似问题

老师我的样式总是显示不出来

老师我的gridlayout不显示图片

我的框架页面显示不出来了？

为什么把图片设为背景会显示不出来？

创建了加载菜单资源,可是还是显示不出来.. .

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

1.前端零基础入门

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

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

本课精华内容

问答作业

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

16 1

请老师检查

65 3

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

26 3

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

18 1

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

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载