Create Video Context

::: sourceCode

uni.createVideoContext(videoId, component?) @createvideocontext

GitCode: https://gitcode.com/dcloud/uni-component/tree/alpha/uni_modules/uni-video

GitHub: https://github.com/dcloudio/uni-component/tree/alpha/uni_modules/uni-video

:::

创建并返回 video 上下文 videoContext 对象

参考：video组件

createVideoContext 兼容性

参数

在video组件上设置id属性，即可通过本API获取该组件的上下文对象（videoContext ）。

在不传入第2个component参数时，默认从页面栈顶的页面来查找这个video。

let v1 = uni.createVideoContext("video1")

但在页面、组件，可能出现id重复的情况，还可能因为调用时机的不同，想定位不同页面的video id。此时就需要传入第2个参数component。

所有vue组件都有ComponentPublicInstance实例，页面上也有组件实例。

如果传入组件实例，就从这个组件中查询指定的id。这样查找范围更小、查找速度也更快。

在选项式和组合式中，获取组件实例略有差别。

• 选项式中，this代表当前vue实例。如果是在页面的export default内、函数外使用this，即代表该页面的组件实例。

let v1 = uni.createVideoContext("video1", this)

• 组合式中，通过getCurrentInstance()!.proxy! 获取当前页面的组件实例。

let v1 = uni.createVideoContext("video1", getCurrentInstance()!.proxy!)

返回值

VideoContext 的方法 @videocontext-values

play(): void; @play

play 播放

play 兼容性

pause(): void; @pause

pause 暂停

pause 兼容性

seek(position: number): void; @seek

seek 跳转到指定位置

seek 兼容性

参数

stop(): void; @stop

stop 停止视频

stop 兼容性

sendDanmu(danmu: Danmu): void; @senddanmu

sendDanmu 发送弹幕

sendDanmu 兼容性

参数

danmu 的属性描述

playbackRate(rate: number): void; @playbackrate

playbackRate 设置倍速播放

playbackRate 兼容性

参数

requestFullScreen(direction?: RequestFullScreenOptions | null): void; @requestfullscreen

requestFullScreen 进入全屏

requestFullScreen 兼容性

参数

direction 的属性描述

exitFullScreen(): void; @exitfullscreen

exitFullScreen 退出全屏

exitFullScreen 兼容性

参见

• 相关 Bug
• 参见uni-app相关文档
• 微信小程序文档
• 支付宝小程序文档
• 百度小程序文档
• 抖音小程序文档
• 飞书小程序文档
• 钉钉小程序文档
• QQ小程序文档
• 快手小程序文档
• 京东小程序文档
• 华为快应用文档
• 360小程序文档

通用类型

GeneralCallbackResult

示例代码另见video组件