详细问题描述
(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