VideoContext
VideoContext 通过 id 跟一个 视频组件绑定,操作对应的 <video/> 组件。
方法
播放视频
videoContext.play()
暂停视频
videoContext.pause()
停止视频
videoContext.stop()
视频点播
跳转到指定位置
videoContext.seek(position)
position
为 number
类型, 单位为秒
进入全屏
方向固定为横屏
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
无
点击纠错
评价此篇文档