使用video组件安卓机上暂停失效，播放状态是对的，但是声音仍在继续
发布于 7 年前 作者 li28 4254 次浏览 来自 问答

问题1：需求重现：做一个视频答题功能，到时指定时间，问题弹出，视频暂停，回答正确继续播放，视频继续播放，弹窗消失、否则回到指定时间位置…

  • 当前 Bug 的表现（可附上截图）

1.弹出问题，执行视频暂停pause()

2.此时已执行暂停，程序也并未继续其他事件

3.问题回答正确后，视频状态虽是暂停(1,2)，但是视频声音仍在继续，点击暂停按钮是点不动(有种卡住的感觉)，除非拖动

弹出问题后，视频执行了暂停时间，控制台也没有继续执行(bindtimeupdate)事件，此时视频声音仍在继续，回答正确继续播放时(此时加上videoContext.play())，视频样式仍然处在__暂停状态__，声音继续，此时__暂停按钮点不了__，__只有拖动进度条__后才恢复正常播放，目前只在IOS6、6plus上、vivox9s、小米note上有过测试，IOS上能正常运行，安卓机上就会出现上述问题

  • 预期表现

问题弹出后，视频状态、声音都暂停、执行play()后状态和声音继续

  • 复现路径
  • 提供一个最简复现 Demo
2 回复

刚试了在全屏下，到了指定时间后，问题弹窗不显示，视频状态、进度条为暂停，视频声音仍未停止

<view wx:if="{{answerShow}}" class="consultModel">
        <view class="answerBox">
            <scroll-view scroll-y style="max-height: 600rpx;min-height: 500rpx;margin-bottom:60rpx">内容</scroll-view>
        </view>
</view>
data(){

  return{

answerShow: false, //答题弹窗

}

}

.consultModel{
    position:fixed;
    z-index:1011;
    top:0;
    right:0;
    left:0;
    bottom:0;
    opacity:1;
    background:rgba(0, 0, 0, 0.2);
}

.answerBox{

position:fixed;

top:50%;

left:50%;

transform: translate(-50%,-50%);

width: 672rpx;

min-height: 736rpx;

padding: 60rpx 20rpx 60rpx 60rpx;

background-color:#fff;

box-sizing:border-box;

border-radius: 10px;

box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);

box-sizing: border-box

}



请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。

回到顶部