vue 里面放这个标签点击播放无效，放在网页里面可以

<audio controls src='http://www.ytmp3.cn/down/73676.mp3' type="audio/mpeg"></audio>

战神40 2019-06-12

源自：实战：Vue webAPP首页开发 1-3 Navbar 组件--完善

1

收起

2回答

好帮手慕慕子 2019-06-13 15:11:11

同学你好，是你这个音频文件有问题导致在vue中无法播放哦，老师这边测试正常的音视频可以直接播放，你可以粘贴下面的代码测试一下

 <audio controls="controls" preload ref="music" src="http://www.w3school.com.cn/i/horse.ogg" type="audio/ogg"></audio>

如果帮助到了你，欢迎采纳！

祝学习愉快~~~

提问者战神40 #1

你用我的那个链接测试一下看看呢http://www.ytmp3.cn/down/73676.mp3

2019-06-13 16:21:59
好帮手慕慕子回复提问者战神40 #2

老师用得就是你的链接测试的，在vue中不可以播放，老师找了一个其他的在线链接测试，是可以正常播放，所以说你的音频是有问题的

2019-06-13 19:06:26

一路电光带火花 2019-06-12 19:42:08

兄弟，你看下这个博客自己配置一下吧

https://blog.csdn.net/woyidingshijingcheng/article/details/75311699

提问者战神40 #1

音频文件是在线文件http的链接不是本地的

2019-06-12 23:56:04

相似问题

为什么停止的时候点击成播放，图标要换成停止的呢

<h1>标签是一个网站放置一个，还是一个页面只能放置一个

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

如何播放两首歌

完全不知道添加播放列表的逻辑是什么？下面是我三个类的相关截图。

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

4.Vue与React高级框架开发

参与学习人
提交作业 239 份
解答问题 10739 个

本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle

本课精华内容

问答作业

老师，这是关于stylus版本和style语法高亮问题解决（可以编辑器自动缩进）如可可行可以置顶，谢谢

115 1

老师,创建VUE环境花了一天时间，创建流程供同学们参考（window）如果方法可行可以置顶，谢谢

152 1

麻烦老师看看这个写法和注释可以吗?如果可以可以置顶一下参考,谢谢

83 1

请检查是否正确

95 1

transition问题-续

65 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载