Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
70862a3d
U
uni-app
项目概览
DCloud
/
uni-app
4 个月 前同步成功
通知
730
Star
38707
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
70862a3d
编写于
10月 12, 2019
作者:
陈
陈晨
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix:修复video的文档
上级
a37d310b
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
15 addition
and
4 deletion
+15
-4
docs/component/video.md
docs/component/video.md
+15
-4
未找到文件。
docs/component/video.md
浏览文件 @
70862a3d
...
@@ -147,11 +147,22 @@ export default {
...
@@ -147,11 +147,22 @@ export default {
-
App平台:使用
`<video/>`
组件,打包 App 时必须勾选 manifest.json->App 模块权限配置->VideoPlayer 模块。
-
App平台:使用
`<video/>`
组件,打包 App 时必须勾选 manifest.json->App 模块权限配置->VideoPlayer 模块。
-
App平台:如果使用的视频路径为本地路径,需要配置资源为释放模式:在 manifest.json 文件内 app-plus 节点下新增 runmode 配置,设置值为liberate。
-
App平台:如果使用的视频路径为本地路径,需要配置资源为释放模式:在 manifest.json 文件内 app-plus 节点下新增 runmode 配置,设置值为liberate。
-
App平台:如果想使用非原生的video,即原来普通的html5自带video,可使用web-view组件load html页面,在其中使用普通h5 video。
-
App平台:如果想使用非原生的video,即原来普通的html5自带video,可使用web-view组件load html页面,在其中使用普通h5 video。
-
App平台:
`ios`
端
`<video/>`
组件使用
`autoplay`
时,视频加载的
`loading`
会偏移到左上角。解决方法是先去掉
`<video/>`
中的
`autoplay`
属性,然后在
`onReady`
里,调用一下
`uni.createVideoContext`
的
`paly()`
方法,就可以解决了。示例如下:
-
App平台:
`iOS`
端
`<video/>`
组件使用
`autoplay`
属性时,视频加载的
`loading`
会偏移到左上角。解决方法:去掉
`<video/>`
组件中的
`autoplay`
属性,在页面的
`onReady`
里,调用一下
`uni.createVideoContext().play()`
,就可以解决了。示例如下:
```
html
<!-- #ifdef MP-ALIPAY -->
<video
id=
"myVideo"
src=
"test.mp4"
autoplay
/>
<!-- #endif -->
<!-- #ifndef MP-ALIPAY -->
<video
id=
"myVideo"
src=
"test.mp4"
/>
<!-- #endif -->
<!-- tip:因为在支付宝小程序不支持uni.createVideoContext()方法,所以在支付宝小程序中使用条件编译,在`<video/>`组件中加上`autoplay`属性。 -->
```
```
javascript
```
javascript
onReady
:
function
()
{
onReady
:
function
()
{
this
.
videoContext
=
uni
.
createVideoContext
(
'
video的id
'
)
// #ifndef MP-ALIPAY
this
.
videoContext
.
play
();
// 删掉video中的autoplay属性,调用play可以解决autoplay的loading跑到左上角
uni
.
createVideoContext
(
'
video的id
'
).
play
()
;
// 这里就相当于autoplay
// #endif
}
}
```
```
-
H5平台: 在部分浏览器中会强制调用原生播放器播放(如:微信内置浏览器、UC浏览器等),在 x5 内核的浏览器中支持配置
[
同层播放器
](
https://x5.tencent.com/tbs/guide/video.html
)
。
-
H5平台: 在部分浏览器中会强制调用原生播放器播放(如:微信内置浏览器、UC浏览器等),在 x5 内核的浏览器中支持配置
[
同层播放器
](
https://x5.tencent.com/tbs/guide/video.html
)
。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录