mpaas如何实现视频播放

前言： 由于公司业务调整，特意学习下mpaas项目框架，其实根据官方api就是实现很多功能，其实都是一些小坑要走，比如开发者工具中效果出不来，振动效果400m为什么显示不出等等。跑偏了，下面来说一下当前mpaas如何实现视频播放。

话不多直接上代码。

mpaas上有很多api能力，如下：

一目了然。

话不多说，直接上代码axml：

<view>
  <!-- onPlay 的类型是 EventHandle。为当开始/继续播放时触发 play 事件。 -->
    <video id="myVideo" class="myVideo" src="{{src}}" onPlay="{{onPlay}}" enableNative="{{true}}"></video>
     <button type="default" size="defaultSize" onTap="play"> 播放 </button>
     <button type="default" size="defaultSize" onTap="pause"> 暂停 </button>
     <button type="default" size="defaultSize" onTap="stop"> 停止 </button>
     <!-- <button type="default" size="defaultSize" onTap="seek"> 跳转到指定位置，单位为秒（s） </button> -->
     <button type="default" size="defaultSize" onTap="requestFullScreen"> 进入全屏 </button>
     <button type="default" size="defaultSize" onTap="exitFullScreen"> 退出全屏 </button>
     <button type="default" size="defaultSize" onTap="mute"> 静音 </button>
  </view>

js:

Page({
  data: {
  // src 为要播放的视频资源地址，支持优酷视频编码（支付宝客户端 10.1.75）。src 支持的协议如下：vid/showId: XMzg2Mzc5MzMwMA== apFilePath: https://resource/xxx.video。
    src: "https://blz-videos.nosdn.127.net/1/OverWatch/AnimatedShots/Overwatch_AnimatedShot_Winston_Recall.mp4",
  },
  onLoad() {
    this.videoContext = my.createVideoContext('myVideo');
  },
  play() {
    this.videoContext.play();
  },
  pause() {
    this.videoContext.pause();
  },
  stop() {
    this.videoContext.stop();
  },
  seek() {
    this.videoContext.seek(100);
  },
  requestFullScreen() {
    this.videoContext.requestFullScreen({
      direction: 0
    });
  },
  exitFullScreen() {
    this.videoContext.exitFullScreen();
  },
  mute() {
    this.videoContext.mute(false);
  },
  playbackRate() {
    this.videoContext.playbackRate(1.5);
  },
});