uniapp的video组件如何实现长按事件

分类：nvue

uniapp

无法绑定长按事件？

2023-08-20 14:57 负责人:无分享

2 个回复

喜欢技术的前端 - QQ---445849201

app端无法直接绑定长按事件，可以用web-view 组件加载本地的html 用 h5的video 播放视频，做长按事件

<!DOCTYPE html>  
<html lang="zh">  
    <head>  
        <meta charset="UTF-8">  
        <meta name="viewport" content="width=device-width, initial-scale=1.0">  
        <title>Document</title>  
    </head>  
    <body>  
        <video src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-video-courses.mp4" id="myButton" width="100%"></video>  
        <script>  
            var pressTimer;  
            var myButton = document.getElementById("myButton");  
            myButton.addEventListener('touchstart', function() {  
                pressTimer = setTimeout(function() {  
                    console.log("Long press!");  
                    // 进行长按触发的操作  
                }, 1000);  
            });  
            myButton.addEventListener('touchend', function() {  
                clearTimeout(pressTimer);  
            });  
        </script>  
    </body>  
</html>

w***@126.com (作者)

这样我试过了，有个问题，就是全屏的时候，横屏又是个问题，还有上下滑动改变音量和亮度的问题，不过还是感谢你的回答

喜欢技术的前端

客气，那得换播放器，你试试ckplayer 这个播放器功能很强大

2023-08-20 20:38
w***@126.com (作者)

回复喜欢技术的前端: h5这边我一直用的是ckplayer x2，APP端我测试的是AliPlayer，我APP等下用ckplayer试试吧

2023-08-20 20:46

要回复问题请先登录或注册

uniapp的video组件如何实现长按事件

2 个回复

公告

相关问题

uniapp的video组件如何实现长按事件

与内容相关的链接

2 个回复

公告

相关问题