V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
limy97
V2EX  ›  JavaScript

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

  •  
  •   limy97 · 2020-11-17 23:14:07 +08:00 · 1877 次点击
    这是一个创建于 1484 天前的主题,其中的信息可能已经有所发展或是发生改变。

    技术栈: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 条回复    2020-11-18 17:09:07 +08:00
    wht0522
        1
    wht0522  
       2020-11-18 08:46:02 +08:00 via Android
    用 v-if 或:key 重新渲染视频组件试试
    KuroNekoFan
        2
    KuroNekoFan  
       2020-11-18 09:12:27 +08:00
    翻一下 uc 的开发者文档比较好
    limy97
        3
    limy97  
    OP
       2020-11-18 15:37:13 +08:00
    @wht0522 不行的。我把 uc 浏览器后台清了 打开还是会有缓存。我猜测是 uc 把视存到了 系统的缓存中。
    limy97
        4
    limy97  
    OP
       2020-11-18 15:37:56 +08:00
    @KuroNekoFan js 的 api 都没看到几个。。。
    limy97
        5
    limy97  
    OP
       2020-11-18 15:39:57 +08:00
    最终以解决产品经理告终。 有大神了解此问题 可留言 探讨。
    meepo3927
        6
    meepo3927  
       2020-11-18 17:09:07 +08:00
    UC 浏览器这么鬼吗
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3036 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 11:55 · PVG 19:55 · LAX 03:55 · JFK 06:55
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.