w***@yahoo.com
w***@yahoo.com
  • 发布:2020-09-28 10:16
  • 更新:2022-10-21 12:00
  • 阅读:1291

【报Bug】video先播放再设置seek无效

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: Mac 10.15.7

第三方开发者工具版本号: 1.03.2009140

基础库版本号: 2.9.2

项目创建方式: CLI

CLI版本号: 4.4.6

操作步骤:
<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>

预期结果:

视频跳转到第10秒开始播放

实际结果:

控制台报出渲染层网络层错误的错误
视频从0秒开始播放

bug描述:

uni-app 微信小程序 视频播放组件
切换视频 播放后再设置seek方法 还是会从0秒开始播放
微信原生没有这个问题

点击视频切换后还会有渲染层网络层错误的报错,不知道原因

2020-09-28 10:16 负责人:无 分享
已邀请:
迟轩

迟轩

可以先设置跳转 然后在播放视频 我现在这样的是可以的 不知道你那个可以应用吗
this.videoContext.seek(10);
setTimeout(() => {
this.videoContext.play();
}, 100);

该问题目前已经被锁定, 无法添加新回复