my.createVideoContext

該接口用于傳入 video id，返回一個 videoContext 上下文。video id 為開發者在對應 video 標簽中自由命名的 ID 屬性。

通過 videoContext 可以操作一個 video 組件。

版本要求：基礎庫版本 1.14.1 開始支持。

效果示例

代碼示例

在 .axml 文件中寫入如下代碼來命名 video id。video id 為開發者在對應 video 標簽中自由命名的 ID 屬性，例如下方代碼中的 myVideo。

<view>

<!-- onPlay 的類型是 EventHandle。為當開始/繼續播放時觸發 play 事件。 -->
  <video id="myVideo" src="{{src}}" onPlay="{{onPlay}}" enableNative="{{true}}"></video>
   <button type="default" size="defaultSize" onTap="play"> Play </button>
   <button type="default" size="defaultSize" onTap="pause"> Pause </button>
   <button type="default" size="defaultSize" onTap="stop"> stop </button>
   <button type="default" size="defaultSize" onTap="seek"> seek </button>
   <button type="default" size="defaultSize" onTap="requestFullScreen"> requestFullScreen </button>
   <button type="default" size="defaultSize" onTap="exitFullScreen"> exitFullScreen </button>
   <button type="default" size="defaultSize" onTap="mute"> mute </button>
</view>

在 .js 文件中寫入如下代碼：

Page({
  data: {

  // src 為要播放的視頻資源地址。src 支持 apFilePath: https://resource/xxx.video。
    src: "http://flv.bn.netease.com/tvmrepo/2012/7/C/7/E868IGRC7-mobile.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);
  },


});

videoContext 方法列表