在Vue项目中，遇到在iOS设备上通过setTimeout延迟调用video标签的play方法播放视频的问题。当延迟时间大于1000ms时，需要点击两次才能播放。原因是iOS对非用户触发的视频播放有严格限制，超过特定时间阈值会被视为非用户行为。解决方案可能包括避免使用异步方法或尝试使用this.$nextTick()代替setTimeout。
如题，在Vue项目中，真机测试，在IOS设备中使用setTimeout方法延迟调用video标签的play方法，发现延迟1000ms，调用video的play方法可以播放，但>1000ms的时候，需要点击两次才能播放视频，请问这是什么原因？
具体代码如下：
video组件：
v-show="stream.type === 'audio' || stream.type === 'video'"
class="video--startButton"
@click="playVideoTest"
>
立即试听
立即试看
您的浏览器不支持 audio 元素。
ref="video"
:poster="https://segmentfault.com/q/1010000019
最低0.47元/天 解锁文章
1158
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
