zyronon / douyin

Vue3 + Pinia 仿抖音,Vue 在移动端的最佳实践 . Imitate TikTok ,Vue Best practices on Mobile
https://dy.ttentau.top/
GNU General Public License v3.0
9.92k stars 2.73k forks source link

切换到下一个视频后视频并不会自动播放 #85

Closed kola-web closed 6 months ago

kola-web commented 6 months ago

注意:请确认问题可以在浏览器的 无痕模式 下复现,而不是自己安装的其他插件或脚本导致的

1、描述 在微信中打开,切换到下一个视频后视频并不会自动播放,且会出现如下图中的报错,而且视频中间并没有出现开始播放按钮 经测试在ios safari浏览器中也会出现下面截图中的错误,导致视频暂停

2、截图 可以直接按Ctrl + V 复制在这里(复制成功后会显示一串地址) image

zyronon commented 6 months ago

ios上是会出现这个问题

原因是新生成的video 标签无法在未静音的情况下自动播放,即使已经产生过交互了

在考虑另一种实现方式,即滑动后不生成新的video标签,而是不断的移动video到合适的位置

kola-web commented 6 months ago

ios上是会出现这个问题

原因是新生成的video 标签无法在未静音的情况下自动播放,即使已经产生过交互了

在考虑另一种实现方式,即滑动后不生成新的video标签,而是不断的移动video到合适的位置

感谢您的思路,我去尝试下

kola-web commented 6 months ago

多谢您的提点,问题顺利解决了