html5 中 audio 设置 autoplay 仍无法自动播放音频的解决办法
html5 中 audio 设置 autoplay 仍无法自动播放音频的解决办法

html5 中 audio 设置 autoplay 仍无法自动播放音频的解决办法

问题引出

在测试中,发现audio设置autoplay属性,页面加载完成无法自动播放音频,很是费解。
代码如下:

<audio preload autoplay loop id="vd">

<source src="Dream It Possible.mp3" type="audio/mpeg">

</audio>

如果有哪位大神知道为什么属性都设置了还无法自动播放,还请指教。

关于html5中audio的用法参见:菜鸟教程:https://www.runoob.com/tags/tag-audio.html

知识点

audio不单单是个标签, 也是window下的一个对象,对象就有属性和方法。
对象属性

currentTime 获取当前播放时间
duration 获取歌曲的总时间
play 是否在播放 返回true/false
pause 是否暂停 返回true/false

对象方法

play() 播放歌曲
pause() 暂停歌曲
load()重新加载歌曲

解决方案

这里提供一种解决方案:
在页面加载完成后执行js函数,判断audio标签的对象是否在播放,没播放的话执行play()方法。
具体代码如下:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Title - Artist
0:00