uniapp实现视频画中画功能

要在Uniapp中实现视频画中画功能，可以使用uni-mpvue插件来实现。具体步骤如下：

1. 在uni-mpvue中引入video组件。

2. 在video组件中增加一个button按钮，并在按钮触发事件中调用wx.createVideoContext()方法创建一个videoContext对象。

3. 在videoContext对象中再调用requestPictureInPicture()方法，就可以实现视频画中画功能了。

具体代码如下：

<template>
  <view>
    <video :src="src" id="video" @play="play"></video>
    <button @click="toPictureInPicture">画中画</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      src: 'http://example.com/example.mp4',
      videoContext: null
    }
  },
  methods: {
    play() {
      this.videoContext = wx.createVideoContext('video', this)
    },
    toPictureInPicture() {
      this.videoContext.requestPictureInPicture()
    }
  }
}
</script>

需要注意的是，该功能只在支持画中画功能的设备上才能生效。