uni-app 更新到最新版后 video视频组件双击无法暂停视频

uni-app 更新到最新版后 video视频组件双击无法暂停视频

类别 信息
产品分类 uniapp/App
PC开发环境 Windows
PC版本号 Windows 64位家庭版
HBuilderX类型 正式
HBuilderX版本号 3.1.7
手机系统 Android
手机版本号 Android 10
手机厂商 小米
手机机型 红米Note7
页面类型 nvue
打包方式 云端
项目创建方式 HBuilderX

示例代码：

<template>  
    <list ref="box">  
        <header>  
            <video id="myVideo" src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4"  
                   > </video>  
        </header>    
        <cell class="play-info"></cell>  
        <cell class="play-info"></cell>  
        <cell class="play-info"></cell>  
    </list>  
</template>

操作步骤：

  • 更新到 v3.1.7 后异常 ，v2.9.8 正常

预期结果：

  • 可以暂停和播放

实际结果：

  • 只是显示控件，没有暂停和播放效果。

bug描述：

编译器版本：v2.9.8 正常，更新到 v3.1.7 只是双击后显示视频控件，没有暂停和播放效果。目前只能使用旧版本进行打包解决，新版是否不再支持这种双击暂停播放再双击继续播放的效果呢？？


更多关于uni-app 更新到最新版后 video视频组件双击无法暂停视频的实战教程也可以访问 https://www.itying.com/category-93-b0.html

10 回复

添加 enable-play-gesture 为true，现在默认是false

更多关于uni-app 更新到最新版后 video视频组件双击无法暂停视频的实战教程也可以访问 https://www.itying.com/category-93-b0.html


没用

我测试一下

bug 已确认，稍后版本修复

修复了吗

回复 大图APP: 最新alpha版本已经修复了。 你试试看

回复 DCloud_Android_DQQ: 移动h5 还是没好呀

修复了吗?

同问 修复了吗? V3.5.3.20220729 双击仍然无效

这是一个已知的 HBuilderX 3.1.7 版本中 video 组件在 nvue 页面的双击暂停功能异常问题。从你的描述来看，这确实是版本更新引入的回归性 bug。

问题分析：

  • 在 v2.9.8 中，video 组件的双击事件能正确触发暂停/播放
  • 升级到 v3.1.7 后，双击仅显示控制条但无法实际控制播放状态
  • 云端打包环境相同，说明问题出在 HBuilderX 版本差异

临时解决方案：

  1. 暂时回退到 v2.9.8 版本进行打包
  2. 或者通过绑定 @click 事件手动控制播放状态：
methods: {
    togglePlay() {
        const videoContext = uni.createVideoContext('myVideo')
        // 通过视频上下文手动控制播放/暂停
    }
}
回到顶部