美文网首页
移动端CSS兼容性的解决思路、移动端音乐自动播放处理方法

移动端CSS兼容性的解决思路、移动端音乐自动播放处理方法

作者: 祝名 | 来源:发表于2018-11-29 21:09 被阅读0次

    一.移动端css兼容性的解决思路

    1. 买服务器,利用域名进行访问测试。
    2. 加浏览器内核前缀
      例如,有些手机浏览器不支持@keyframes,可以改成@-webkit-keyframes。如果还不支持,可以在一些css3属性上,逐步加上浏览器内核前缀

    二.移动端音乐自动播放的处理方法

    1. 所有移动端浏览器都是禁止移动端autoplay属性的(为了用户体验),必须用户自行触发。
    2. 利用在document上面绑定点击/触摸事件,就触发audio元素的播放play方法。
      (1)首先,将动画状态调至暂停状态

    (2)在document上绑定touchend事件

    相关文章

      网友评论

          本文标题:移动端CSS兼容性的解决思路、移动端音乐自动播放处理方法

          本文链接:https://www.haomeiwen.com/subject/cshqcqtx.html