H5在iOS系统微信内置浏览器音频不能播放问题解决策略

公司要求后端人员做h5宣传页，我花了不到一周多的时间从设计到研发，内容包括动画，动图特效，视频，音乐等，我对css 动画等并不是很了解，从来没做过适配等类似的工作，充其量也就做过一些微调，页面整合等，都是前端人员提供好的静态html代码，然后我加以js，进行前后端联调，样式什么的，动画什么的都是现学现卖，中遇到的问题总结下来以便下次可以用到。硬着头皮做下来，自己都觉得很神奇，本来觉得不可能完成，因为做好了样式各种飞，心很累，本来贼心不死想找前端辅助的，然而问了一下都说改需要很长时间，然后我也不服气自己不会就瞎改，不行就远程问朋友为什么飞了样式，硬抗也实现了。。。就是多了两个黑眼圈。。。心得就是不能总做自己会的，要勇于尝试，不逼自己一下永远不知道自己潜力有多大。加油！

 

<audio loop="loop" src="mp4.111ttt/2016/yw/09/DNV.mp4?#.mp3" id="media" autoplay="autoplay" preload="preload"></audio>

 

<script>

    $(function () {

            //触屏即加载音乐

            // document.addEventListener('touchstart', function() {
            // ElementById('media').play()
            // }

             //进入微信页面即加载
            document.addEventListener('WeixinJSBridgeReady', function() {
            ElementById('media').play()
            })       
})

</script>