uni-app 微信内置浏览器全屏播放视频问题：播放/暂停键点击、进度条拖动后，画面无变化或卡顿，按钮状态无更新，声音正常

开发环境	版本号	项目创建方式
Mac	10.14.6	HBuilderX

示例代码：

<video :controls="true" :show-center-play-btn="false"  
    title="视频预览" :src="img" objectFit="contain"></video>

eggper 1楼

更多关于uni-app 微信内置浏览器全屏播放视频问题：播放/暂停键点击、进度条拖动后，画面无变化或卡顿，按钮状态无更新，声音正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

sinazl 2楼

今天看了一下，没出现问题了

wuwangju 3楼

这是一个微信内置浏览器中视频组件的常见兼容性问题。在微信环境下，视频控制器的交互事件与uni-app的视频组件存在兼容性冲突。

问题原因： 微信浏览器对<video>组件的控制栏事件拦截较严格，导致播放/暂停状态和进度条拖动后，视频画面和按钮状态未能正确同步更新。

解决方案：

使用原生事件监听

<video ref="videoPlayer" :controls="true" 
       @play="onVideoPlay" @pause="onVideoPause"
       @timeupdate="onTimeUpdate" :src="img">
</video>

手动控制播放状态

methods: {
    onVideoPlay(e) {
        // 手动处理播放逻辑
        console.log('视频开始播放');
    },
    onVideoPause(e) {
        // 手动处理暂停逻辑  
        console.log('视频已暂停');
    },
    onTimeUpdate(e) {
        // 更新播放进度
        this.currentTime = e.detail.currentTime;
    }
}