小程序富文本组件mp-html如何通过api时视频暂停播放？

Question

项目中用到了mp-html组件来支撑显示富文本内容，组要可显示video标签，但是目前的问题是，我页面上有多个富文本，需要通过swiper来滑动切换文章，如果文章中包含视频在播放的放，切换后，没办法使其暂停，这样可能会导致多个视频同时播放，怎么处理呢？

Answer 1

1. 微信提供了createVideoContext来获取video的上下文，可以控制视频的暂停和播放；
2. 也可以简单的通过当前swiper的current来控制video的显示和隐藏；

提示：页面的video的标签如果多的话，部分机型会卡顿

Answer 2

我是 mp-html 的作者，要暂停视频的话可以这样操作：

<mp-html id="article" />

change() {
  var ctx = this.selectComponent('#article')
  // 播放过的视频的 VideoContext 对象都会被存储在 _videos 中 
  if (ctx._videos) {
    for (var video of ctx._videos) {
      video.pause()
    }
  }
}

不过如果页面上视频很多的话还是用 wx:if 删除掉好了，避免卡顿，就是这样的话切换的时候加载的会慢一些