From a9a70369641c8a8c7760cf0bbf897ddc8976a013 Mon Sep 17 00:00:00 2001 From: dujingcheng Date: Tue, 3 Aug 2021 15:49:48 +0800 Subject: [PATCH] hanfeng6@huawei.com Signed-off-by: dujingcheng --- zh-cn/application-dev/js-reference/video.md | 210 ++++++++++++++++++++ 1 file changed, 210 insertions(+) create mode 100644 zh-cn/application-dev/js-reference/video.md diff --git a/zh-cn/application-dev/js-reference/video.md b/zh-cn/application-dev/js-reference/video.md new file mode 100644 index 0000000000..22d039a80a --- /dev/null +++ b/zh-cn/application-dev/js-reference/video.md @@ -0,0 +1,210 @@ +# video + +- [子组件](#zh-cn_topic_0000001058670744_section9288143101012) +- [属性](#zh-cn_topic_0000001058670744_section2907183951110) +- [事件](#zh-cn_topic_0000001058670744_section3892191911214) +- [方法](#zh-cn_topic_0000001058670744_section45171131134215) +- [示例](#zh-cn_topic_0000001058670746_section16867208402) + +视频播放组件。 + +## 子组件 + +不支持。 + +## 属性 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

名称

+

类型

+

默认值

+

必填

+

描述

+

src

+

string

+

-

+

否

+

播放视频内容的路径。

+

muted

+

boolean

+

false

+

否

+

视频是否静音播放。

+

autoplay

+

boolean

+

false

+

否

+

视频是否自动播放。

+

controls

+

boolean

+

true

+

否

+

控制视频播放的控制栏是否显示，如果设置为false，则不显示控制栏。默认为true，由系统决定显示或隐藏控制栏。

+
+ +## 事件 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

名称

+

参数

+

描述

+

start

+

-

+

播放时触发该事件。

+

pause

+

-

+

暂停时触发该事件。

+

finish

+

-

+

播放结束时触发该事件。

+

error

+

-

+

播放失败时触发该事件。

+

seeking

+

{ currenttime: value(秒) }

+

操作进度条过程时上报时间信息，单位为s。

+

seeked

+

{ currenttime: value(秒) }

+

操作进度条完成后，上报播放时间信息，单位为s。

+

timeupdate

+

{ currenttime: value(秒) }

+

播放进度变化时触发该事件，单位为s，更新时间间隔为250ms。

+
+ +## 方法 + + + + + + + + + + + + + + + + + + + + +

名称

+

参数

+

描述

+

start

+

-

+

请求播放视频。

+

pause

+

-

+

请求暂停播放视频。

+

setCurrentTime

+

{ currenttime: value(秒) }

+

指定视频播放的进度位置。

+
+ +## 示例 + +``` + +
+ +
+``` + +``` +/* xxx.js */ +export default { + data: { + event:'', + seekingtime:'', + timeupdatetime:'', + seekedtime:'', + isStart: true, + }, + startCallback:function(){ this.event = '视频开始播放'; }, + pauseCallback:function(){ this.event = '视频暂停播放'; }, + finishCallback:function(){ this.event = '视频播放结束'; }, + errorCallback:function(){ this.event = '视频播放错误'; }, + seekingCallback:function(e){ this.seekingtime = e.currenttime; }, + timeupdateCallback:function(e){ this.timeupdatetime = e.currenttime;}, + change_start_pause: function() { + if(this.isStart) { + this.$element('videoId').pause(); + this.isStart = false; + } else { + this.$element('videoId').start(); + this.isStart = true; + } + } +} +``` -- GitLab