当前 video 组件和 setKeepScreenOn 的使用方式

播放的视频

<video 

  hidden="{{challengeSuccess || challengeFailed}}"

  src="{{challengeEatingVideo}}"

  autoplay loop muted

  controls="{{false}}"

  bindplay="handleVideoPlay"

  bindpause="handleVideoPause"

  bindwaiting="handleVideoWaiting"

  bindcanplay="handleVideoCanPlay"

  binderror="handleVideoError"

/>

非全屏播放（宽度100%，高度500rpx）

自动播放、循环播放、静音

隐藏所有控制按钮

绑定了5个事件：play、pause、waiting、canplay、error

在多个位置调用 wx.setKeepScreenOn({ keepScreenOn: false })：

1. 页面生命周期调用（4次）

位置 调用时机 目的

onLoad 页面加载时 初始化时关闭屏幕常亮

onShow 页面显示时 每次显示都强制关闭

onUnload 页面卸载时 恢复默认设置

handleAppShow 小程序切回前台时 从后台返回时关闭

2. 视频事件调用（4次）

事件 触发时机 调用位置

bindplay 视频开始播放 handleVideoPlay()

bindpause 视频暂停 handleVideoPause()

bindwaiting 视频缓冲中 handleVideoWaiting()

bindcanplay 视频可以播放 handleVideoCanPlay()