如何使用 uni.createVideoContext 创建视频上下文？

推荐答案

// 在 uni-app 中使用 uni.createVideoContext 创建视频上下文
const videoContext = uni.createVideoContext('myVideo', this);

// 使用视频上下文控制视频播放
videoContext.play(); // 播放视频
videoContext.pause(); // 暂停视频
videoContext.seek(10); // 跳转到视频的第10秒
videoContext.stop(); // 停止视频播放

本题详细解读

1. uni.createVideoContext 的作用

uni.createVideoContext 是 uni-app 提供的一个 API，用于创建视频上下文对象。通过这个对象，开发者可以控制视频的播放、暂停、跳转等操作。

2. 参数说明

• id: 视频组件的 id，必须与页面中 <video> 组件的 id 属性一致。
• this: 当前组件的实例，通常传入 this 即可。

3. 常用方法

• play(): 播放视频。
• pause(): 暂停视频。
• seek(time): 跳转到指定时间（单位：秒）。
• stop(): 停止视频播放。

4. 示例代码解析

const videoContext = uni.createVideoContext('myVideo', this);

• myVideo 是页面中 <video> 组件的 id。
• this 是当前组件的实例。

videoContext.play();

• 调用 play() 方法开始播放视频。

videoContext.pause();

• 调用 pause() 方法暂停视频播放。

videoContext.seek(10);

• 调用 seek(10) 方法将视频跳转到第10秒。

videoContext.stop();

• 调用 stop() 方法停止视频播放。

5. 注意事项

• 确保页面中存在 id 为 myVideo 的 <video> 组件。
• 视频上下文对象只能在当前页面中使用，跨页面使用时需要重新创建。