1***@qq.com
1***@qq.com
  • 发布:2019-09-24 17:15
  • 更新:2019-09-24 17:23
  • 阅读:1139

【报Bug】video视频组件uni.createVideoContext第三个页面有时候控制的就是第一个页面的视频

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

重现步骤

app 主页main有一个视频,完了主页跳转视频列表页list 视频列表页跳转视频播放页面video
主页main的视频进入列表页时暂停播放,返回主页main时播放 这个正常没问题
但是列表页点击某个视频进入视频播放页面的时候,在视频播放页面控制播放与暂停,有时候控制的是视频播放页面的有时候就控制成主页上的视频了,代码如下:
main.vue
<template>
<view>
<video id="myVideo" ref="myVideo" :loop="true" :controls="false" :autoplay="true" :src="baseUrl+curVideo.videourl"></video>

</view>  

</template>
js:
onReady() {
this.myvideo=uni.createVideoContext('myVideo',this);
},
onShow(){
this.myvideo.play();
},
onHide() {
this.myvideo.pause();
},
onUnload() {
this.myvideo.pause();
}
//跳转list页面
toList : function(item){

            uni.navigateTo({  
                url: '../list/list?putType='+item.code+"&scop="+this.scop+"&ms="  
            });  
      },  
视频播放页面代码如下: <video class="video" :poster="baseUrl+ad.cover_pic" id="FiOfxOab5YQ9u_kBypcEd0boAJWizn5oRO8grx3W" ref="FiOfxOab5YQ9u_kBypcEd0boAJWizn5oRO8grx3W" :controls="false" :src="baseUrl+ad.video" autoplay="false" @error="videoErrorCallback" @ended="showHb" @click="playVideo" :show-center-play-btn="false">

js:

onReady() {
_self.myvideo = uni.createVideoContext('FiOfxOab5YQ9u_kBypcEd0boAJWizn5oRO8grx3W',this);
},
playVideo: function() {

            //暂停  
            if (_self.flag) {  

                 _self.myvideo.pause();  

            } else {  

                 _self.myvideo.play();  

            }  

        },  

[步骤]

[结果]

在视频播放页面点击播放或者暂停按钮触发执行playVideo 方法,有时候暂停播放的是视频播放页的视频,有时候直接控制的是主页mian里面的视频

[期望]

视频播放页面只控制自己页面的视频

IDE运行环境说明

uniapp 安卓端

[IDE版本号]

2.3.3.20190923

[mac版本号]

uni-app运行环境说明

HBuilderX创建的uniapp 运行的app

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]
雷电模拟器
品牌:samsung
型号:sm-g530h

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]1633114321

2019-09-24 17:15 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者) - java程序员

_self.myvideo = uni.createVideoContext('FiOfxOab5YQ9u_kBypcEd0boAJWizn5oRO8grx3W',this);
输出 _self.myvideo
得到的结果
{"domId":"FiOfxOab5YQ9u_kBypcEd0boAJWizn5oRO8grx3W","webviewId":5,"pluginId":"","nodeId":""}
domid也正确 但是控制的是别的页面的视频

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