Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
260a9443
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
6005
Star
91
Fork
164
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
18
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
18
Issue
18
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
260a9443
编写于
8月 03, 2023
作者:
DCloud_JSON
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
更新 竖划视频模板的封面
上级
2819cc37
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
10 addition
and
3 deletion
+10
-3
pages/template/swiper-vertical-video/swiper-vertical-video.uvue
...template/swiper-vertical-video/swiper-vertical-video.uvue
+10
-3
static/template/swiper-vertical-video/poster/uni-ai.jpg
static/template/swiper-vertical-video/poster/uni-ai.jpg
+0
-0
static/template/swiper-vertical-video/poster/uni-uts.jpg
static/template/swiper-vertical-video/poster/uni-uts.jpg
+0
-0
static/template/swiper-vertical-video/poster/uni-verify.jpg
static/template/swiper-vertical-video/poster/uni-verify.jpg
+0
-0
未找到文件。
pages/template/swiper-vertical-video/swiper-vertical-video.uvue
浏览文件 @
260a9443
...
...
@@ -15,7 +15,7 @@
<swiper class="swiper" :current="current" :circular="index != 0" :vertical="false" @change="onSwiperChange"
@transition="onTransition">
<swiper-item class="swiper-item" v-for="(item,i) in visibleList" :key="i">
<video :ref="'video-'+i" class="video" :id="item._id" :src="item.src" :poster="item.
src+'?x-oss-process=video/snapshot,t_1000,f_jpg'
"
<video :ref="'video-'+i" class="video" :id="item._id" :src="item.src" :poster="item.
poster_src
"
:show-center-play-btn="false" :autoplay="false" :controls="false" :loop="true"
@play="onPlay(i)" @pause="onPause(i)"
></video>
...
...
@@ -31,7 +31,7 @@
</template>
<script>
import { VideoNode } from "uts.sdk.modules.DCloudUniVideo";
type ListItem = { _id : string, content : string, src : string }
type ListItem = { _id : string, content : string, src : string
,poster_src :string
}
let page : number = 0;
export default {
...
...
@@ -134,6 +134,12 @@
'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/video/uni-ai.mp4',
'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/video/uni-verify.mp4'
] as string[]
let posterSrcList = [
'/static/template/swiper-vertical-video/poster/uni-uts.jpg',
'/static/template/swiper-vertical-video/poster/uni-ai.jpg',
'/static/template/swiper-vertical-video/poster/uni-verify.jpg'
] as string[]
let list = [] as ListItem[];
for (let i = 0; i < 6; i++) {
...
...
@@ -141,7 +147,8 @@
let listItem : ListItem = {
"_id": "a00" + index,
"content": "这是第" + index + "条数据"+videoUrlList[i%3],
"src": videoUrlList[i%3]
"src": videoUrlList[i%3],
"poster_src":posterSrcList[i%3]
}
list.push(listItem)
}
...
...
static/template/swiper-vertical-video/poster/uni-ai.jpg
0 → 100644
浏览文件 @
260a9443
117.8 KB
static/template/swiper-vertical-video/poster/uni-uts.jpg
0 → 100644
浏览文件 @
260a9443
407.9 KB
static/template/swiper-vertical-video/poster/uni-verify.jpg
0 → 100644
浏览文件 @
260a9443
138.9 KB
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录