字節(jié)跳動(dòng)小程序開發(fā)API createVideoContext

根據(jù)video組件id創(chuàng)建可以控制組件的上下文VideoContext對(duì)象

參數(shù)說明

tt.createVideoContext(id, [component]);

返回值

調(diào)用后返回一個(gè)VideoContext對(duì)象，該對(duì)象包含以下方法

VideoContext.play()

播放視頻

VideoContext.pause()

暫停視頻

VideoContext.stop()

停止視頻

VideoContext.seek(position<Number>)

視頻點(diǎn)播，跳轉(zhuǎn)到指定位置position

VideoContext.requestFullScreen()

進(jìn)入全屏, 且方向固定為橫屏

VideoContext.exitFullScreen()

進(jìn)入全屏

代碼示例

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

<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()
  }
})