HTML/CSS 订阅所有【HTML/CSS】的日志

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

编辑:dnawo 日期:2019-07-30

字体大小: 小 中 大
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")[0];


上一篇: 欧式构件之屋檐线安装施工图解(V2)
下一篇: HTML5<video>报错Uncaught (in promise) DOMException解决方法[转]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 0 | 引用: 0 | 查看次数: 11919
发表评论
请登录后再发表评论！