Hi校园
Hi校园
  • 发布:2021-06-24 11:03
  • 更新:2021-08-19 10:48
  • 阅读:1703

【报Bug】video横屏视频在nvue页面,暂停播放之后会铺满屏幕。

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS Big sur 11.2

HBuilderX类型: Alpha

HBuilderX版本号: 3.1.20

手机系统: Android

手机系统版本号: Android 11

手机厂商: 华为

手机机型: mate30 5G

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

看图

预期结果:

暂停之后,视频保持原样

实际结果:

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

bug描述:

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

2021-06-24 11:03 负责人:DCloud_Android_DQQ 分享
已邀请:
[已删除]

[已删除]

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

  • Hi校园 (作者)

    工程师,我代码不太好从代码内分离呢。你可以写一个全屏的视屏播放页面 VIDEO 放一个横屏的视屏,你点击暂停 他就会拉伸铺满整个屏幕

    2021-06-28 11:32

  • [已删除]

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

    2021-06-28 11:56

  • [已删除]

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

    2021-06-28 12:16

  • Hi校园 (作者)

    回复 [已删除]: 好

    2021-06-28 12:32

  • Hi校园 (作者)

    回复 [已删除]: 贴了

    2021-06-28 12:33

  • [已删除]

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

    2021-06-28 14:57

  • Hi校园 (作者)

    回复 [已删除]: 16000275 能在下一个版本修复吗

    2021-06-28 15:17

  • 大前端小王子

    回复 [已删除]: 你好,请问修复好了吗

    2021-08-26 08:53

Hi校园

Hi校园 (作者)

<template> <!-- http://192.168.3.111/img/video.m4s 陈--> <!-- http://images.hicampus.net/video.m4s --> <view class="root"> <video ref="myVideo" id="myVideo" loop="true" src="this.src" @play="playIng" enable-progress-gesture="false" page-gesture="false" controls="false" show-fullscreen-btn="false" show-center-play-btn="false" style="boxStyle" show-loading="false" ></video>
<!-- <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 已确认,稍后版本会修复此问题

  • a***@163.com

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

    2021-07-26 17:52

  • flashplume

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

    2021-08-19 08:16

Hi校园

Hi校园 (作者)

这个版本还没修复

  • [已删除]

    是的。下个版本发。

    2021-07-08 10:06

  • Hi校园 (作者)

    回复 [已删除]: 视频还有一个bug ,上传一个用手机相机拍摄的视频。点击暂停的时候,视屏会自动旋转90度暂停。目前只有安卓手机上有这个bug

    2021-07-08 11:18

  • Hi校园 (作者)

    回复 [已删除]: 测试机型是华为

    2021-07-12 11:59

  • Hi校园 (作者)

    回复 [已删除]: 在 说句话啊

    2021-07-14 17:24

  • [已删除]

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

    2021-07-14 17:51

  • [已删除]

    回复 [已删除]: 视频我看了。你提供一个复现问题的demo

    2021-07-14 17:53

  • Hi校园 (作者)

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

    2021-07-14 23:34

  • [已删除]

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

    2021-07-15 11:34

  • Hi校园 (作者)

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

    2021-07-15 18:05

  • [已删除]

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

    2021-07-15 18:07

  • Hi校园 (作者)

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

    2021-07-15 18:11

Hi校园

Hi校园 (作者)

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

Hi校园

Hi校园 (作者)

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

a***@163.com

a***@163.com

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

  • [已删除]

    今天晚上的alpha版本会修复此问题

    2021-07-26 18:12

  • 大图APP

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

    2021-07-29 01:33

  • 1***@qq.com

    回复 [已删除]: 修复了吗

    2021-07-30 19:30

  • 1***@qq.com

    回复 [已删除]: 线上打包就有问题,但是用上一个版本是可以的

    2021-07-30 19:30

  • 景风

    回复 [已删除]: 修复了吗?

    2021-08-02 09:19

  • [已删除]

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

    2021-08-02 15:26

  • [已删除]

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

    2021-08-02 15:26

  • 景风

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

    2021-08-02 15:58

  • [已删除]

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

    2021-08-02 16:12

1***@qq.com

1***@qq.com - 美乐

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

该问题目前已经被锁定, 无法添加新回复