Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
cd91de30
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看板
未验证
提交
cd91de30
编写于
5月 08, 2020
作者:
卷
卷尾松鼠
提交者:
GitHub
5月 08, 2020
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
doc: 可以被前端元素通过调节zindex来遮挡 -> 可以被前端元素通过调节z-index来遮挡
上级
6021d577
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
2 addition
and
2 deletion
+2
-2
docs/component/video.md
docs/component/video.md
+2
-2
未找到文件。
docs/component/video.md
浏览文件 @
cd91de30
...
...
@@ -29,7 +29,7 @@
|show-center-play-btn|Boolean|true|是否显示视频中间的播放按钮|字节跳动小程序不支持|
|enable-progress-gesture|Boolean|true|是否开启控制进度的手势|字节跳动小程序不支持|
|object-fit|String|contain|当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充,cover:覆盖|微信小程序、字节跳动小程序、H5|
|poster|String||视频封面的图片网络资源地址,如果 controls 属性值为 false 则设置 poster 无效||
|poster|String||视频封面的图片网络资源地址,如果 controls 属性值为 false 则设置 poster 无效||
|show-mute-btn|Boolean|false|是否显示静音按钮|微信小程序|
|title|String||视频的标题,全屏时在顶部展示|微信小程序|
|play-btn-position|String|bottom|播放按钮的位置|微信小程序、字节跳动小程序|
...
...
@@ -183,7 +183,7 @@ export default {
-
如何实现抖音、映客等全屏视频垂直滑动切换效果?
*
微信基础库 2.4.0 和 app端nvue 2.1.5 以上,可通过在垂直的swiper中内嵌video来实现。原生导航栏设置为custom,视频长宽设为手机屏幕大小,通过cover-view覆盖视频内容。插件市场有相关
[
示例
](
https://ext.dcloud.net.cn/search?q=%E6%8A%96%E9%9F%B3
)
-
`<video/>`
组件在非H5端是原生组件,层级高于普通前端组件,覆盖其需要使用
[
cover-view
](
https://uniapp.dcloud.io/component/cover-view?id=cover-view
)
组件或plus.nativeObj.view、subNVue。微信基础库 2.4.0 起已支持 video 组件的同层渲染,也就是video在非全屏时,可以被前端元素通过调节zindex来遮挡,但video全屏时,仍需要cover-view覆盖。
-
`<video/>`
组件在非H5端是原生组件,层级高于普通前端组件,覆盖其需要使用
[
cover-view
](
https://uniapp.dcloud.io/component/cover-view?id=cover-view
)
组件或plus.nativeObj.view、subNVue。微信基础库 2.4.0 起已支持 video 组件的同层渲染,也就是video在非全屏时,可以被前端元素通过调节z
-
index来遮挡,但video全屏时,仍需要cover-view覆盖。
-
除微信基础库 2.4.0 和app端nvue页面 2.1.5 以上,其他情况下非H5的video不能放入scroll-view和swiper。注意参考
[
原生组件使用限制
](
/component/native-component
)
。
-
App平台:使用
`<video/>`
组件,打包 App 时必须勾选 manifest.json->App 模块权限配置->VideoPlayer 模块。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录