分类： 视频上下文

VideoContext.exitPictureInPicture(Object object)

以 Promise 风格 调用：不支持

微信小程序插件：支持

相关文档: video 组件

功能描述

退出小窗，该方法可在任意页面调用

参数

Object object

属性 类型 默认值 必填 说明
success function 否 接口调用成功的回调函数
fail function 否 接口调用失败的回调函数
complete function 否 接口调用结束的回调函数（调用成功、失败都会执行）

视频上下文

相关文档: video 组件

VideoContext 实例，可通过 wx.createVideoContext 获取。

VideoContext 通过 id 跟一个 video 组件绑定，操作对应的 video 组件。

方法

VideoContext.play()

播放视频

VideoContext.pause()

暂停视频

VideoContext.stop()

停止视频

VideoContext.seek(number position)

跳转到指定位置

VideoContext.sendDanmu(Object data)

发送弹幕

VideoContext.playbackRate(number rate)

设置倍速播放

VideoContext.requestFullScreen(Object object)

进入全屏。如果有自定义内容需要在全屏时展示，需要把内容节点放到 video 节点里面。

VideoContext.exitFullScreen()

退出全屏

VideoContext.showStatusBar()

显示状态栏，只在 iOS 全屏下有效

VideoContext.hideStatusBar()

隐藏状态栏，只在 iOS 全屏下有效

VideoContext.exitPictureInPicture()

退出小窗，这个方法可以在任意页面调用

VideoContext.requestBackgroundPlayback()

进入后台小窗播放模式。

VideoContext.exitBackgroundPlayback()

退出后台小窗播放模式。

VideoContext.startCasting()

开始投屏，拉起半屏搜索设备。只支持在 tap 事件回调里调用。

VideoContext.switchCasting()

切换投屏设备。只支持在 tap 事件回调里调用。

VideoContext.reconnectCasting()

重连投屏设备。只支持在 tap 事件回调里调用。

VideoContext.exitCasting()

退出投屏。只支持在 tap 事件回调里调用。

示例代码

在开发者工具中预览效果

<view class="section tc">
  <video id="myVideo" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" enable-danmu danmu-btn controls></video>
  <view class="btn-area">
    <input bindblur="bindInputBlur"/>
    <button bindtap="bindSendDanmu">发送弹幕</button>
  </view>
</view>

function getRandomColor () {
  let rgb = []
  for (let i = 0 ; i < 3; ++i) {
    let color = Math.floor(Math.random() * 256).toString(16)
    color = color.length == 1 ? '0' + color : color
    rgb.push(color)
  }
  return '#' + rgb.join('')
}

Page({
  onReady (res) {
    this.videoContext = wx.createVideoContext('myVideo')
  },
  inputValue: '',
  bindInputBlur (e) {
    this.inputValue = e.detail.value
  },
  bindSendDanmu () {
    this.videoContext.sendDanmu({
      text: this.inputValue,
      color: getRandomColor()
    })
  }
})