uni-app 4.14.2024043013 最新版的打包苹果版 视频全屏播放结束后 点击返回没有效果

uni-app 4.14.2024043013 最新版的打包苹果版 视频全屏播放结束后 点击返回没有效果

1 回复

更多关于uni-app 4.14.2024043013 最新版的打包苹果版 视频全屏播放结束后 点击返回没有效果的实战教程也可以访问 https://www.itying.com/category-93-b0.html


uni-app 中,如果你在打包苹果版(iOS)时遇到视频全屏播放结束后点击返回按钮没有效果的问题,可能是由于全屏播放器的返回事件没有被正确处理或传递到 uni-app 中。以下是一些可能的解决方案:

1. 检查视频组件的事件处理

确保你使用的是 video 组件,并且已经正确处理了相关事件,例如 ended 事件。你可以尝试在 ended 事件中手动处理返回逻辑。

<template>
  <video
    src="your-video-url"
    controls
    @ended="onVideoEnded"
  ></video>
</template>

<script>
export default {
  methods: {
    onVideoEnded() {
      // 手动处理返回逻辑
      uni.navigateBack({
        delta: 1
      });
    }
  }
}
</script>

2. 检查全屏播放器的返回事件

在 iOS 上,全屏播放器的返回按钮可能不会触发 uni-app 的路由事件。你可以尝试监听全屏播放器的返回事件,并手动处理返回逻辑。

3. 使用 plus 原生 API

如果你需要更底层的控制,可以使用 plus 原生 API 来处理全屏播放器的返回事件。

document.addEventListener('plusready', function() {
  var player = plus.video.createVideoPlayer('player', {
    src: 'your-video-url',
    controls: true
  });
  player.addEventListener('ended', function() {
    uni.navigateBack({
      delta: 1
    });
  });
});

4. 检查 uni-app 版本

确保你使用的是最新版本的 uni-app,因为新版本可能修复了相关的问题。你可以通过以下命令检查并更新 uni-app

npm install -g @dcloudio/uni-cli

5. 检查 iOS 系统版本

有时,iOS 系统的不同版本可能会导致一些行为上的差异。确保你的测试设备运行的是最新的 iOS 版本,或者在不同的 iOS 版本上进行测试。

6. 检查 manifest.json 配置

确保你的 manifest.json 配置文件中的 app-plus 部分没有错误配置。特别是与视频播放相关的配置项。

{
  "app-plus": {
    "video": {
      "fullscreen": true,
      "controls": true
    }
  }
}
回到顶部