不吃香菜小白
不吃香菜小白
  • 发布:2023-02-01 10:59
  • 更新:2023-02-09 12:00
  • 阅读:599

【报Bug】uniapp的安卓app端中video组件绑定touchstart事件直接左右滑不触发

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

手机系统: Android

手机系统版本号: Android 7.0

手机厂商: 华为

手机机型: 平板

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: CLI

CLI版本号: 5.0.8

示例代码:
<video 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"  
                                autoplay  
                                muted  
                                :controls="false"  
                                object-fit="fill"  
                                @touchstart="touchstart"  
                            >  
                            </video>

操作步骤:

uniapp的安卓app端中video组件绑定touchstart事件直接左右滑不触发

预期结果:

video组件绑定touchstart事件直接左右滑正常触发

实际结果:

uniapp的安卓app端中video组件绑定touchstart事件直接左右滑不触发

bug描述:

uniapp的安卓app端中video组件绑定touchstart事件直接左右滑不触发

2023-02-01 10:59 负责人:DCloud_Android_DQQ 分享
已邀请:
DCloud_Android_DQQ

DCloud_Android_DQQ

提供一下完整的示例。我尝试复现一下

  • izjing

    video绑定长按事件也无效

    2023-02-01 11:26

  • 不吃香菜小白 (作者)

    <template>  
    <div>
    <video 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"
    autoplay
    muted
    :controls="false"
    object-fit="fill"
    @touchstart="touchstart"
    ></video>
    </div>
    </template>

    <script setup lang="ts">
    const touchstart = () => {
    console.log('start');
    };
    </script>

    <style scoped lang="scss">
    video {
    width: 200rpx;
    height: 100rpx;
    }
    </style>

    2023-02-01 11:28

  • 不吃香菜小白 (作者)

    已提供,直接左右滑不触发,上下滑动正常触发

    2023-02-01 11:28

不吃香菜小白

不吃香菜小白 (作者) - 前端开发

已提供,使用hbuilderX新建vue3项目也是不触发

DCloud_Android_DQQ

DCloud_Android_DQQ

为啥一定需要左右滑动下发事件呢?
具体是什么场景

  • 不吃香菜小白 (作者)

    因为要做视频拖拽

    2023-02-15 11:11

  • DCloud_Android_DQQ

    回复 不吃香菜小白: 目前这个问题是因为 video的横向拖拽,是被video组件自己处理过的,所以没有往外分发。


    你做视频拖拽,建议考虑自定义插件实现

    2023-02-15 11:43

该问题目前已经被锁定, 无法添加新回复