H5页面支持音频/视频播放功能实现

    // 错误写法
    $("video").play()
    $("audio").play()
    // 正确写法播放视频
    $("video")[0].play()
    $("audio")[0].play()
    
    
      
      
      
      
      
      
    

真的是太过天真了，原本以为这些音视频的使用就到此为止了，没想到后续还是碰到了不少问题。
第一个问题就是音频播放audio.play()在ios系统中无法正常运行，没有bgm的话，我的东家肯定不会满意，我自己也难以接受。于是开始寻找解决办法，在网上查找了一番却无果，恰好有位同学提到了一个方法，即将audio.play()放置在wx.ready()函数内部执行，果然有效。不过目前存在一个问题，就是bgm可能需要等待wx.config()配置成功之后才能正常播放，这样会不会导致声音突然出现呢？对此我也没有明确的答案，如果有哪位大神遇到过其他可行的解决方案，请务必告知我，感激不尽！！！！
第二个问题是关于视频的兼容性问题，这确实让人非常头疼！我的应对方式是为Android和ios分别设计一套独立的方案，彼此之间互不干扰。代码如下：

    var u = naviga