移动端音视频自动播放与PC端不同。手机浏览器禁止自动播放音视频，而目前微信内置浏览器支持自动播放。大多数安卓手机都可以给或标签设置auto属性；而其他机型（尤其是IOS系统），需要在加载微信jssdk并触发ready事件后，使用JS直接调用音频或视频。玩法。参考微信如何自动播放直播视频如何防止移动端标签播放视频时自动全屏参考视频H5の微信视频标签陷阱与技巧iOSiOS10Safari增加了一个video的playsinline属性，可以让视频的内容联动播放。iOS10之前版本支持webkit-playsinline测试发现iOS10以上版本使用playsinline可以达到预期效果，而iOS10之前版本使用webkit-playsinline无法达到预期效果。推荐使用iphone-inline-video解决iOS（包括iOS版微信）的兼容性问题。AndroidAndroid定制的厂家太多了，标准也不统一。基本上把场景缩小到微信——也就是兼容QQ浏览器X5内核【方案1】当我们在微信中播放来自腾讯的视频时，我们会发现它是不会强制全屏的，并且来自其他来源的视频也不能幸免。因此，我们可以通过将视频资源上传到腾讯视频来使用。但是，这种方案有一个弊端——在正片播放前会强制插入广告。如果不想影响用户体验，可以购买腾讯视频的无广告上传服务，适合有一定资金实力的企业。腾讯视频VIP会员广告屏蔽特权如果您想通过腾讯视频上传无广告作品，则为付费项目。年费6000元，以此类推。如果您有兴趣了解，请将项目需求发送至：v_open@tencent.com，将有专人与您联系洽谈具体事宜，谢谢！【方案二】网上流传着这种利用canvas实现播放的黑科技。算得上是一种折衷方案。没钱又追求完美的小公司可以试试。【方案三】使用腾讯浏览器H5同层播放器iPhoneplus神秘黑屏-只听到他的声音，听不到他的设备信息由于是领导的手机，除了是iPhone7plus外没有更多信息问题重现部分在移动端场景下，无法被其他标签覆盖，因为层级太高。最初的解决方案是播放时显示，停止时隐藏并显示封面图。但是在Iphone7plus的测试中出现了异常。第一次点击播放时，弹窗播放，一切如常。然后单击后退按钮暂停播放。此时触发暂停事件，隐藏，显示封面图。第二次点击播放时，会弹窗播放，只能听到声音，看不到图像，旁边一片漆黑。重复步骤2和3，情况还是一样。定位问题多次调试发现只要不隐藏标签就可以解决问题。然后，暂时将定位在视口之外。X5开启同层播放后，触发输入动作，导致在部分安卓机型上播放时黑屏http://bbs.mb.qq.com/thread-1...目前解决方法是，要么不开启同层播放，要么没有输入操作
音视频开发问题总结相关文章
