看图
- 发布:2021-06-24 11:03
- 更新:2021-08-19 10:48
- 阅读:1350
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: macOS Big sur 11.2
HBuilderX类型: Alpha
HBuilderX版本号: 3.1.20
手机系统: Android
手机系统版本号: Android 11
手机厂商: 华为
手机机型: mate30 5G
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
暂停之后,视频保持原样
暂停之后,视频保持原样
实际结果:
暂停之后,那种横屏视频,视频被拉伸铺直至铺满整个屏幕。
暂停之后,那种横屏视频,视频被拉伸铺直至铺满整个屏幕。
Hi校园 (作者)
<!-- <image
class="videoImg" src="this.src+'?x-oss-process=video/snapshot,t_1,m_fast'" resize="contain" style="boxStyle" ></image> -->
</view>
</template>
<script>
export default {
watch: {
state(newValue, oldValue) {
setTimeout(()=>{
var createVideoContext = uni.createVideoContext('myVideo',this);
switch (newValue){
case 'play':
// createVideoContext.seek(0);
createVideoContext.play();
console.log('开始播放');
break;
case 'continue':
console.log('继续播放');
createVideoContext.play();
break;
case 'pause':
console.log('暂停播放');
createVideoContext.pause();
break;
case 'stop':
console.log('停止播放');
//this.showMe = false;
//this.unshowMe = true;
createVideoContext.seek(0);
createVideoContext.stop();
break;
default:
break;
}
},300)
}
},
props: {
state: {
default: false
},
src:{
default: false
},
boxStyle:{
default :{}
}
},
}
</script>
<style>
.root{
background-color: #dfdfdf;
position: relative;
}
.videoImg{
position: absolute;
top: 0;
left: 0;
}
</style>
bug 已确认,稍后版本会修复此问题
Hi校园 (作者)
这个版本还没修复
-
Hi校园 (作者)
回复 DCloud_Android_DQQ: 视频还有一个bug ,上传一个用手机相机拍摄的视频。点击暂停的时候,视屏会自动旋转90度暂停。目前只有安卓手机上有这个bug
2021-07-08 11:18
Hi校园 (作者)
工程师,我代码不太好从代码内分离呢。你可以写一个全屏的视屏播放页面 VIDEO 放一个横屏的视屏,你点击暂停 他就会拉伸铺满整个屏幕
2021-06-28 11:32
DCloud_Android_DQQ
回复 Hi校园: 我复现了。我看看
2021-06-28 11:56
DCloud_Android_DQQ
回复 Hi校园: 你全屏的界面样式 贴一下吧
2021-06-28 12:16
Hi校园 (作者)
回复 DCloud_Android_DQQ: 好
2021-06-28 12:32
Hi校园 (作者)
回复 DCloud_Android_DQQ: 贴了
2021-06-28 12:33
DCloud_Android_DQQ
回复 Hi校园: 我尝试改了。 qq上发你aar给你。你验证一下
2021-06-28 14:57
Hi校园 (作者)
回复 DCloud_Android_DQQ: 16000275 能在下一个版本修复吗
2021-06-28 15:17
大前端小王子
回复 DCloud_Android_DQQ: 你好,请问修复好了吗
2021-08-26 08:53