未分類
2 11 月 2020

[前端求助] ios 下使用 UC 浏览器 video 标签播放问题

[前端求助] ios 下使用 UC 浏览器 video 标签播放问题

資深大佬 : limy97 3

技术栈：vue

项目需求：在页面上 存在一个播放器（ video 标签）和多个按钮（每个按钮包含一个对象，里面存储视频源，封面等信息）。点击按钮将对应的视频展示在播放器。

BUG （仅出现于 iso 下 uc 浏览器）：

  1. 播放时不能 inline，原因 video 标签会被 uc 劫持，进行全屏播放。
  2. 我在 vue 的 data 上定义了一个对象 curVideoItem 用来存储当前正在播放的数据信息。video 标签上的 src 是通过 curVideoItem 里面的 src 动态获取（ vue 双向绑定）。切换视频的方法实现如下（首先将下一个要播放的视频的对象赋值给 curVideoItem， 然后在 nextTick 方法中执行 video.play()），此时会发生 bug （并非每次都出现） [ a. 播放器不会读取到下一个视频的 src，依然使用当前播放的的 src，这里我尝试使用 setTimeout 方法，延迟 1000ms 后调用 play 方法，效果得到明显改善，但是某些时刻仍会出现 bug; b.在切换视频时经常出现缓存，例：当前视频播放到 3s，我切换其他视频后仍然从 3s 处进行播放。我在切换时设置 video.currentTime=0 也没有效果 ]

请大佬们指点一二。 不胜感激！

大佬有話說 (6)

  • 資深大佬 : wht0522

    用 v-if 或:key 重新渲染视频组件试试

  • 資深大佬 : KuroNekoFan

    翻一下 uc 的开发者文档比较好

  • 主 資深大佬 : limy97

    @wht0522 不行的。我把 uc 浏览器后台清了 打开还是会有缓存。我猜测是 uc 把视存到了 系统的缓存中。

  • 主 資深大佬 : limy97

    @KuroNekoFan js 的 api 都没看到几个。。。

  • 主 資深大佬 : limy97

    最终以解决产品经理告终。 有大神了解此问题 可留言 探讨。

  • 資深大佬 : meepo3927

    UC 浏览器这么鬼吗