开发
API

VideoContext

VideoContext 通过 id 跟一个 视频组件绑定,操作对应的 <video/> 组件。

方法

播放视频

videoContext.play()

暂停视频

videoContext.pause()

停止视频

videoContext.stop()

视频点播

跳转到指定位置

videoContext.seek(position)

positionnumber 类型, 单位为秒

进入全屏

方向固定为横屏

videoContext.requestFullScreen()

退出全屏

videoContext.exitFullScreen()

效果示例

扫码体验

请使用字节宿主APP扫码

代码示例

<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({
  videoContext: undefined,

  onReady() {
    this.videoContext = tt.createVideoContext("myVideo");
  },

  // 播放
  play() {
    this.videoContext.play();
  },

  // 暂停
  pause() {
    this.videoContext.pause();
  },

  // 停止
  stop() {
    this.videoContext.stop();
  },
});

Bug & Tip

点击纠错
评价此篇文档