我怎么敢倒下,我身后空无一人

ios加载html5 audio标签用js调用.play()方法无效

 Html/Css   高蒙   阅读(12883)   评论(4)   2016-07-20 13:56:34    ios加载html5 .play()方法无效 


html5 audio标签在ios safari浏览器中,js是无法控制播放的。因为ios safari浏览器内置的把.play() .load()都给禁用了。官方的说法是为了用户着想,必须当用户手动的去出发播放控件的时候,拿到action,才可以播放。为什么,我会遇到这个问题呢?因为页面是用html5写的,要嵌入到ios里面。开始在安卓上面测试的时候,一点问题没有,一到苹果上面,直接挂了。查找原因发现ios使用的webview默认用safari浏览器渲染,为了整这个问题,查了很多资料,连苹果官方的文档都看了。下面看代码:

<div class="voice">
    <audio>
<source src="地址" type="audio/aac" />
    </audio>
</div>

<script>
$(document).on('click','.voice', function() {
    $(this).find('audio').get(0).play();
}
</script>

当我们运行上面的代码的时候,你会发现safari浏览器直接的报错。意思就是.play()方法不存在。

TypeError: 'undefined' is not a function (evaluating '$(this).find('audio').get(0).play()')

之前的解决方案:

解决方式,只能ios那边抓我的音频路径,自行的去播放了。如果有更好的方法,麻烦请告诉我,留言或邮件都可以。





相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客