html无法正常播放MP3格式的音频及解决方案

问题描述:设计当鼠标悬停到标签上时,会播放对应的音频。

报错如下:Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

原因:在Chrome的现代版本中,您无法在默认情况下启用声音时自动播放视频。

解决方案:在audio标签属性下添加autoplay="autoplay"属性


 补充:让对应的音乐播放,音乐播放的方法是属于DOM对象,所以使用get方法获取DOM对象。而eq(idnex)获取的是jquery对象。

参数:index为想要获取的元素的下标

// 播放
$("audio").get(index).play();

 

你可能感兴趣的:(html问题及解决方案)