木子屋 Dnawo's BLOG

HTML5<audio>报错audio.play is not a function解决方法

👤 dnawo 📅 2019-07-30 👁 13810 👍 0 💬 0 🔄 来源:本站原创
HTML5页面:

<audio id="audio1" controls="controls"></audio>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var audio = $("#audio1");
	audio.src = "http://www.mzwu.com/test.mp3";
	audio.play();
});
</script>

打开出错,提示:

Uncaught TypeError: audio.play is not a function

图片

HTML5<audio>报错audio.play is not a function解决方法

play()方法属于DOM对象方法,$('#audio1')为jquery对象,jquery对象调用DOM对象的方法导致了上述错误,只需将jquery对象转换为DOM对象即可:

var audio = $("#audio1")[color=Red][0][/color];

评论(0)

暂无评论。

计算题
评论需审核通过后显示
← 上一篇 欧式构件之屋檐线安装施工图解(V2) 下一篇 → HTML5<video>报错Uncaught (in promi…