<template>
<view class="content">
<video :src="videos[index].src" id="video"
:autoplay="true"
></video>
<div>
<div>{{videos[index].name}}</div>
<div v-for="(item, index) in videos" :key="index" @click="selectVideo(index)">
{{item.name}}
</div>
</div>
</view>
</template>
<script>
export default {
data () {
return {
videos: [
{
name: '第1节课',
src: 'https://static.chuanghehui.com/material/list/MINI%20MBA/黄晶生正式导入课/黄晶生_职场进化论_01_20200622.mp4'
},
{
name: '第2节课',
src: 'https://chhcollege-static.oss-cn-shanghai.aliyuncs.com/xcxmatrix/gongkaike/%E5%91%A8%E9%A2%96_%E6%96%B0%E5%AA%92%E4%BD%93%E4%B8%8E%E5%86%85%E5%AE%B9%E8%90%A5%E9%94%80_03_20200603.mp4'
},
{
name: '第3节课',
src: 'https://chhcollege-static.oss-cn-shanghai.aliyuncs.com/xcxmatrix/gongkaike/%E7%8E%8B%E6%AF%85%E6%8D%B7_%E5%9B%A2%E9%98%9F%E7%AE%A1%E7%90%86_03_20200412.mp4'
}
],
index: 0,
videoCtx: null
};
},
onLoad () {
},
onReady () {
this.videoCtx = uni.createVideoContext('video');
},
methods: {
selectVideo (index) {
this.index = index;
this.videoCtx.play();
this.videoCtx.seek(10);
}
}
};
</script>
- 发布:2020-09-28 10:16
- 更新:2022-10-21 12:00
- 阅读:1291
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: Mac 10.15.7
第三方开发者工具版本号: 1.03.2009140
基础库版本号: 2.9.2
项目创建方式: CLI
CLI版本号: 4.4.6
操作步骤:
预期结果:
视频跳转到第10秒开始播放
视频跳转到第10秒开始播放
实际结果:
控制台报出渲染层网络层错误的错误
视频从0秒开始播放
控制台报出渲染层网络层错误的错误
视频从0秒开始播放
bug描述:
uni-app 微信小程序 视频播放组件
切换视频 播放后再设置seek方法 还是会从0秒开始播放
微信原生没有这个问题
点击视频切换后还会有渲染层网络层错误的报错,不知道原因
1 个回复
迟轩
可以先设置跳转 然后在播放视频 我现在这样的是可以的 不知道你那个可以应用吗
this.videoContext.seek(10);
setTimeout(() => {
this.videoContext.play();
}, 100);