createVideoContext 1.18.0+

根据 video 组件 id 创建可以控制组件的上下文VideoContext对象

参数说明

tt.createVideoContext(id, [component]);

名称数据类型属性默认值描述
idstringrequiredN/Attml 中组件的 id
componentobjectoptionalN/A在自定义组件下,当前组件实例的 this,以操作组件内video组件

返回值

调用后返回一个 VideoContext 对象,该对象包含以下方法

VideoContext.play()

播放视频

VideoContext.pause()

暂停视频

VideoContext.stop()

停止视频

VideoContext.seek(position<Number>)

视频点播,跳转到指定位置position

VideoContext.requestFullScreen()

进入全屏, 且方向固定为横屏

VideoContext.exitFullScreen()

退出全屏

代码示例

<video
  src="http://sf1-ttcdn-tos.pstatp.com/obj/ttfe/test/test-upload.mp4"
  id="myVideo"
  style="width: 240px; height: 180px;"
/>

<view
  style="display: flex; justify-content: space-between; align-items: center;"
>
  <button bindtap="play" size="mini">Play</button>
  <button bindtap="pause" size="mini">Pause</button>
  <button bindtap="stop" size="mini">Stop</button>
</view>
Page({
  onReady: function() {
    this.videoCtx = tt.createVideoContext("myVideo");
  },
  play: function() {
    this.videoCtx.play();
  },
  pause: function() {
    this.videoCtx.pause();
  },
  stop: function() {
    this.videoCtx.stop();
  }
});