uni-app video横屏视频在nvue页面暂停播放之后会铺满屏幕

uni-app video横屏视频在nvue页面暂停播放之后会铺满屏幕

操作步骤:

看图

预期结果:

暂停之后,视频保持原样

实际结果:

暂停之后,那种横屏视频,视频被拉伸铺直至铺满整个屏幕。

bug描述:

https://ask.dcloud.net.cn/question/124152
你们应该修复这个bug导致的,只有安卓端才会出现。

相关链接:

https:https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20210624/56f7247f8d6e7015101a7647a6574dc5.jpeg https:https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20210624/300541bb00067d1e794dc2d2bdc4f003.jpeg


更多关于uni-app video横屏视频在nvue页面暂停播放之后会铺满屏幕的实战教程也可以访问 https://www.itying.com/category-93-b0.html

34 回复

给我一个可以复现问题的代码示例吧

更多关于uni-app video横屏视频在nvue页面暂停播放之后会铺满屏幕的实战教程也可以访问 https://www.itying.com/category-93-b0.html


回复 Hi校园: 我复现了。我看看

回复 Hi校园: 你全屏的界面样式 贴一下吧

回复 DCloud_Android_DQQ: 好

回复 DCloud_Android_DQQ: 贴了

回复 Hi校园: 我尝试改了。 qq上发你aar给你。你验证一下

回复 DCloud_Android_DQQ: 16000275 能在下一个版本修复吗

回复 DCloud_Android_DQQ: 你好,请问修复好了吗

<template> <view class="root"> </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 已确认,稍后版本会修复此问题

这个版本还没修复吗 object-fit设置的contain 安卓nvue暂停会拉伸成为cover的属性值

VideoPlayer还有个问题,阿里云OSS配置了防盗链白名单,VideoPlayer设置Header的Referer不起作用。原生码开发时配置是可以用的。

这个版本还没修复

是的。下个版本发。

回复 DCloud_Android_DQQ: 测试机型是华为

回复 DCloud_Android_DQQ: 在 说句话啊

回复 a***@helloyun.cn: 我看看 旋转的问题

回复 DCloud_Android_DQQ: 视频我看了。你提供一个复现问题的demo

回复 DCloud_Android_DQQ:用你之前的代码就可以了,切记是用相机拍的视频,没有被处理过的。你全屏播放再暂停,就回自动旋转90度

回复 a***@helloyun.cn: 实不相瞒。。每天好几个demo…早删了。。。再发我一个我看看

回复 DCloud_Android_DQQ: 已上传demo,用安卓手机测,我测试用的华为 苹果正常,进入一播放 点击暂停就会自动旋转90度。

回复 a***@helloyun.cn: 好

回复 DCloud_Android_DQQ: 工程师,你能私信下我,你的邮箱嘛?我发例子给你,60多M好像上传不了。

已上传附件 bug复现视频 你可以看看

复现例子,视频是用手机拍的视频没处理过的。直接上传到七牛云。点击暂停之后视频就会自动旋转90度

回复 DCloud_Android_DQQ: objectfit属性为 contain 时,暂停和播放画面不一致!这个在修复一下。

回复 DCloud_Android_DQQ: 修复了吗

回复 DCloud_Android_DQQ: 线上打包就有问题,但是用上一个版本是可以的

回复 DCloud_Android_DQQ: 修复了吗?

回复 大图APP: object-fit设置的contain ?

回复 景风: 你的是什么问题。 一层层的我看不懂了。新提个问题吧 好吗

回复 DCloud_Android_DQQ: 就是安卓端video视频在nvue页面,暂停播放之后页面铺满屏幕,IOS正常

回复 景风: 你用最新版本alpha 试试 还有没有这个问题

我上个月 也有这个问题 一直以为是我的问题

回到顶部