木子屋
 

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

作者: dnawo

日期: 2019-07-30 04:13 PM

分类: HTML/CSS

内容: 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];

+ 查看当前日志评论 (0)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.033 ms

标题: HTML5&lt;audio&gt;报错audio.play is not a function解决方法

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.033 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.033 ms