Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
010648db
D
Docs
项目概览
OpenHarmony
/
Docs
大约 2 年 前同步成功
通知
161
Star
293
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
010648db
编写于
5月 30, 2022
作者:
O
openharmony_ci
提交者:
Gitee
5月 30, 2022
浏览文件
操作
浏览文件
下载
差异文件
!4542 【轻量级 PR】:update zh-cn/application-dev/reference/arkui-js/js-components-media-video.md.
Merge pull request !4542 from 田雨/N/A
上级
a3f76b18
0d12a2c0
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
56 addition
and
1 deletion
+56
-1
zh-cn/application-dev/reference/arkui-js/js-components-media-video.md
...ation-dev/reference/arkui-js/js-components-media-video.md
+56
-1
未找到文件。
zh-cn/application-dev/reference/arkui-js/js-components-media-video.md
浏览文件 @
010648db
...
@@ -5,7 +5,7 @@
...
@@ -5,7 +5,7 @@
>
>
> - 从API version 4开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
> - 从API version 4开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
>
>
> - 需要在config.json对应的"abilities"中设置"
*configChanges*
"属性为"orientation"
> - 需要在config.json对应的"abilities"中设置"
configChanges
"属性为"orientation"
> ```
> ```
> "abilities": [
> "abilities": [
> {
> {
...
@@ -78,3 +78,58 @@
...
@@ -78,3 +78,58 @@
>  **说明:**
>  **说明:**
> 在attached组件生命周期回调后,可以调用上述组件方法。
> 在attached组件生命周期回调后,可以调用上述组件方法。
## 示例
```
<!-- xxx.hml -->
<div class="container">
<video id='videoId' src='/common/myDeram.mp4' muted='false' autoplay='false'
controls='true' onprepared='preparedCallback' onstart='startCallback'
onpaues='pauesCallback' onfinish='finishCallback' onerror='errorCallback'
onseeking='seekingCallback' onseeked='seekedCallback'
ontimeupdate='timeupdateCallback'
style="object-fit:fit; width:80%; height:400px;"
onclick="change_start_pause">
</video>
</div>
```
```
/* xxx.css */
.container {
justify-content: center;
align-items: center;
}
```
```
// xxx.js
export default {
data: {
event:'',
seekingtime:'',
timeupdatetime:'',
seekedtime:'',
isStart: true,
duration: '',
},
preparedCallback:function(e){ this.event = '视频连接成功'; this.duration = e.duration;},
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;
}
},
}
```
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录