uni-app x

展示全部

# uni.createVideoContext(videoId, component?)

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

# createVideoContext 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	4.41	√	4.11	4.61

# 参数

名称	类型	必填	默认值	兼容性	描述
videoId	string.VideoIdString	是
component	ComponentPublicInstance	否

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

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

let v1 = uni.createVideoContext("video1")

示例源码如下，请查看 pre > code 标签中的内容

let v1 = uni.createVideoContext("video1")

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

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

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

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

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

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

示例源码如下，请查看 pre > code 标签中的内容

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

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

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

示例源码如下，请查看 pre > code 标签中的内容

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

# 返回值

类型	描述	必备
VideoContext	video组件上下文对象	否

# VideoContext 的方法

# play(): void;

play 播放

# play 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	4.41	3.9.0	4.11	4.61

# pause(): void;

pause 暂停

# pause 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	4.41	3.9.0	4.11	4.61

# seek(position: number): void;

seek 跳转到指定位置

# seek 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	4.41	3.9.0	4.11	4.61

# 参数

名称	类型	必填	默认值	兼容性	描述
position	number	是			跳转到指定位置(秒)

# stop(): void;

stop 停止视频

# stop 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	4.41	3.9.0	4.11	4.61

# sendDanmu(danmu: Danmu): void;

sendDanmu 发送弹幕

# sendDanmu 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	4.41	3.9.0	4.11	4.61

# 参数

名称

类型

必填

默认值

兼容性

描述

danmu

Danmu

是

text, color

名称	类型	必备	描述
text	string	否	弹幕文字
color	string	否	弹幕颜色
time	number	否	显示时刻

# playbackRate(rate: number): void;

playbackRate 设置倍速播放

# playbackRate 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	4.41	3.9.0	4.11	4.61

# 参数

名称	类型	必填	默认值	兼容性	描述
rate	number	是			, 支持倍率 0.5/0.8/1.0/1.25/1.5

# requestFullScreen(direction?: RequestFullScreenOptions | null): void;

requestFullScreen 进入全屏

# requestFullScreen 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	4.41	3.9.0	4.11	4.61

# 参数

名称

类型

必填

默认值

兼容性

描述

direction

RequestFullScreenOptions

否

, 0|正常竖向, 90|屏幕逆时针90度, -90|屏幕顺时针90度

名称	类型	必备	默认值	兼容性	描述
direction	90 \| any	否			direction

# exitFullScreen(): void;

exitFullScreen 退出全屏

# exitFullScreen 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	4.41	3.9.0	4.11	4.61

# 参见

# 通用类型

# GeneralCallbackResult

名称	类型	必备	默认值	兼容性	描述
errMsg	string	是			错误信息

示例代码另见video组件

运营产品

uni-ad uni统计 uni发行 uni安全专题

开发者服务

问答社区开发者后台

技术文档

uni-app文档 uniCloud文档原生开发者支持文档 HBuilder文档

生态服务

插件市场 OAuth用户开放平台

关于我们： DCloud官网案例需求墙许可协议加入我们赞助我们

联系我们：商务合作：bd@dcloud.io 广告合作：uniad@dcloud.io

DCloud.io 数字天堂（北京）网络技术有限公司是

HTML5中国产业联盟发起单位

京公网安备：11010802035340号

国家信息安全等级保护三级，证书编号：11010813802-20001

# uni.createVideoContext(videoId, component?)

# createVideoContext 兼容性

# 参数

# 返回值

# VideoContext 的方法

# play(): void;

# play 兼容性

# pause(): void;

# pause 兼容性

# seek(position: number): void;

# seek 兼容性

# 参数

# stop(): void;

# stop 兼容性

# sendDanmu(danmu: Danmu): void;

# sendDanmu 兼容性

# 参数

# playbackRate(rate: number): void;

# playbackRate 兼容性

# 参数

# requestFullScreen(direction?: RequestFullScreenOptions | null): void;

# requestFullScreen 兼容性

# 参数

# exitFullScreen(): void;

# exitFullScreen 兼容性

# 参见

# 通用类型

# GeneralCallbackResult

本页导读