uni-app createVideoPlayer 创建完后没有关闭按钮

uni-app createVideoPlayer 创建完后没有关闭按钮

开发环境 版本号 项目创建方式
HBuilderX 3.3.4 云端

产品分类：HTML5+

手机系统：Android

手机系统版本号：Android 11

手机厂商：华为

手机机型：p30

示例代码：

player = plus.video.createVideoPlayer('videoplayer', {  
    src:'rtmp://live.hkstv.hk.lxdns.com/live/hks',  
    top:'100px',  
    left:'0px',  
    width: '100%',  
    height: '200px',  
    position: 'static'  
});  
plus.webview.currentWebview().append(player);

操作步骤：

player = plus.video.createVideoPlayer('videoplayer', {  
    src:'rtmp://live.hkstv.hk.lxdns.com/live/hks',  
    top:'100px',  
    left:'0px',  
    width: '100%',  
    height: '200px',  
    position: 'static'  
});  
plus.webview.currentWebview().append(player);

更多关于uni-app createVideoPlayer 创建完后没有关闭按钮的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

使用close 方法 https://www.html5plus.org/doc/zh_cn/video.html#plus.video.VideoPlayer.close

更多关于uni-app createVideoPlayer 创建完后没有关闭按钮的实战教程也可以访问 https://www.itying.com/category-93-b0.html


我知道有 close 方法，但是全屏咋办？只能 android 返回处理，我重写的 mui.back

createVideoPlayer 创建的播放器默认不包含关闭按钮，需要开发者自行实现关闭逻辑。播放器本身是一个原生控件，其UI由原生系统决定，uni-app未提供内置的关闭按钮。

解决方案：

  1. 自定义关闭按钮：在播放器上层叠加一个关闭按钮（如使用view组件），通过绝对定位控制位置，点击后调用player.close()或player.hide()关闭播放器。

  2. 使用全屏播放器：设置position: 'fullscreen'，此时播放器会进入全屏模式，通常系统会提供默认的返回/关闭按钮。

  3. 监听返回键：在Android端监听返回键事件，触发播放器关闭。

示例代码（自定义关闭按钮）：

// 创建播放器
player = plus.video.createVideoPlayer('videoplayer', {  
    src:'rtmp://live.hkstv.hk.lxdns.com/live/hks',  
    top:'100px',  
    left:'0px',  
    width: '100%',  
    height: '200px',  
    position: 'static'  
});  
plus.webview.currentWebview().append(player);

// 在页面中添加自定义关闭按钮（需结合template中的view组件）
// 按钮点击事件中调用：
player.close();  // 销毁播放器
// 或 player.hide();  // 隐藏播放器（可再次显示）
回到顶部