有一种可能是你的video有多个,都用了同一个id,就出问题了
真机调试video自定义按钮 开始/暂停 不生效<swiper-item catchtap="clickImg" data-idx="{{index}}" data-imgarr="{{shareGoodsData.movies}}"> <image wx:if="{{item.id == 1}}" src="{{item.url}}" class="slide-image" mode="widthFix" /> <video wx:if="{{item.id == 2}}" id="myVideo" custom-cache='{{false}}' objectFit="cover" show-center-play-btn='{{false}}' src='{{item.url}}' bindended='endVideo' show-play-btn='{{false}}' controls='true'> <cover-image wx:if="{{!bofangBtnState}}" src="/images/play.png" catchtap="bindPlay" class="pause_icon" mode="widthFix"></cover-image> <cover-view wx:if="{{bofangBtnState}}" catchtap="bindPause" class="pause_text">暂停播放</cover-view> </video> </swiper-item> bindPause(){ console.log("zanting") const videopause = wx.createVideoContext('myVideo',) videopause.pause() this.setData({ bofangBtnState: false }) // this.videoContext.pause() },
2021-12-22自顶;不使用旋转(隐藏 transform:rotate(90deg);)是正常的,求大神!
video同层级渲染问题提一个video同层渲染问题 因为项目需求,要旋转视屏90°播放(同时自定义控制栏,有进度条不用cover-view),添加了重要代码出现问题 transform:rotate(90deg); 测试结果: 1、开发工具显示正常,iOS显示正常 2、Android异常,video显示视频帧后,把view模块挡住了,异常手机:华为荣耀30,安卓10 开发工具效果: [图片] 华为荣耀30效果: [图片] 希望大神们建议一个有效方案
2021-12-18