在说正事之前，我要推荐一个福利：（你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)，好了下面开始说正事：

目前的场景：
index.vue - live.vue

首页是 index.vue，从 index.vue 跳转到 live.vue，是直播页面，如果有直播会自动播放。
目前的问题（ios）：如果是首页置放直播 video，则可以直接自动播放，index 跳转到 live 需要刷新 live页面或者返回重新进入 live 才会自动播放。（使用的路由非多页面）
尝试的方法：
document.addEventListener("WeixinJSBridgeReady",function() {document.getElementsByTagName('video')[0].play();}, false);
简述问题： ios设备打开首页进入到直播页面微信浏览器中不自动播放。需要刷新该路由页面或者返回重新进入才自动播放。

暂时解决方法：
live 页面刷新后可以自动播放。（live路由刷新后 canplay 会生效）

video.addEventListener('canplay', function() {
 video.play();
 window.sessionStorage.setItem('play','canplay')
})
mounted定时器两秒 
//微信ios 
if( window.sessionStorage.getItem('play') != 'canplay' ){
    window.location.raload();
}

提供有效解决方法有偿

我之前遇到过类似问题，你参考下：
问题：

在用户打开页面后自动播放 n 个 audio，由于 ios 的限制只播放了第一个（需要用户主动触发的事件才能播放，第一个能播放应该是因为是用户自己打开了网页）

解决：

1、以第一个 audio1 为播放器（第一个能播放）
2、（先暂停）audio1.pause() --我这边是等它播放完了调用
3、（再替换）用后面的 audio.src ，替换 audio1.src
4、（接着播）audio1.play()
5、重复 2、3、4，直到全部播放完成

郑重声明：本站部分内容转载自网络，版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们（QQ/微信153890879）修改或删除，多谢。