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

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

http://img1.sycdn.imooc.com//climg/5d0c9f1a00014a3408880067.jpg

有什么方法可以解决刷新时有两个声音。

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2019-06-22 11:38:20

同学你好, 因为浏览器对有声音的音视频的自动播放做了限制,所以无法自动播放。

推荐:可以通过页面绑定一个鼠标移入事件, 当用户鼠标移入页面的时候,开始播放音乐哦, 示例:

http://img1.sycdn.imooc.com//climg/5d0da2970001c6da09440256.jpg

同学可以结合示例,自己测试一下哦

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~


小于飞飞 2019-06-21 19:59:43

同学你好,导致这种现象的问题,如下:

  1. 相当于引入了两个 mp3 , 所以会有两音乐。建议去掉 iframe

  2. audio 标签设置了 autoplay 和 loop ,所以会循环播放。

  3. 如果想停止定,借助 js 来控制。

继续学习,h5 和 js 步骤会涉及呦,后期学习如还有疑问,在问答区提问,加油!



  • 提问者 qq_慕用8301471 #1
    谢谢老师,可是我又想打开网页会自动播放音乐,去掉iframe歌曲就不会自动播放了,试了很多标签,就这个能带这audio这个标签播放
    2019-06-21 21:13:55
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师