一只小欧追
一只小欧追
  • 发布:2021-08-26 20:32
  • 更新:2021-08-30 14:34
  • 阅读:356

【报Bug】nvue下给video上方加一个view,视频会错位

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 11.5.2

HBuilderX类型: 正式

HBuilderX版本号: 3.2.3

手机系统: iOS

手机系统版本号: iOS 12.4

手机厂商: 苹果

手机机型: iphone6

页面类型: nvue

nvue编译模式: fast

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
  <view class="video-info">  
    <view class="statusheight"></view>  
    <video src="http://vd3.bdstatic.com/mdamfdfwhifvxcbgv33/fhd/cae_h264_nowatermark/1623669824504717294/mda-mfdfwhifvxcbgv33.mp4" poster="http://t14.baidu.com/it/u=3577019644,4120128985&fm=225&app=113&f=JPEG?w=1920&h=1080&s=4B016088789285EB451C3D120300D0D2" controls class="myvideo"></video>  
    <view class="down-box"></view>  
    <text class="text">绿色边框是没有高度的view</text>  
    <text class="text">黄色边框是50px高度的view,在视频上面</text>  
    <text class="text">红色边框视频,高度416rpx</text>  
    <text class="text">蓝色色边框视频下面的view,高度100px</text>  
    <text class="text">视频上方有view后安卓正常,ios错位</text>  
    <text class="text">安卓video还加不了边框</text>  
  </view>  
</template>  
<script>  
  export default {  
    data() {  
      return {  

      }  
    }  
  }  
</script>  
<style>  
  .text{  
    font-size: 28rpx;  
  }  
  .down-box{  
    height: 100px;  
    width: 700rpx;  
    border-style: solid;  
    border-width: 4px;  
    border-color: blue;  
  }  
  .video-info {  
    width: 716rpx;  
    margin: 0 21rpx;  
    border-style: solid;  
    border-width: 4px;  
    border-color: green;  
  }  

  .statusheight {  
    border-style: solid;  
    border-width: 4px;  
    border-color: yellow;  
    height: 50px;  
  }  

  .myvideo {  
    width: 700rpx;  
    height: 416rpx;  
    border-style: solid;  
    border-width: 4px;  
    border-color: #f00;  
    width: 700rpx;  
    background-color:rgba(38, 42, 54, 0.5);  
  }  
</style>  

操作步骤:

运行示例代码就看出来了

预期结果:

视频不错位

实际结果:

视频错位

bug描述:

给视频 上方加一个view,视频会错位

2021-08-26 20:32 负责人:无 分享
已邀请:
DCloud_iOS_XHY

DCloud_iOS_XHY

感谢反馈 bug 已确认,下个版本会修复此问题

  • 2***@qq.com

    你好,报告一个问题。可能是bug,也可能是文档没说明。

    plus.webview.create创建的窗口。plusrequire=none【不注入5+ API】。

    但是使用appendJsFile预加载js文件,却无效。js文件中并无使用plus能力。

    虽然不注入,但是js文件应该注入才对啊。没道理不注入。如果真的不注入,还望文档备注一下

    2021-08-29 09:54

  • DCloud_iOS_XHY

    回复 2***@qq.com: 不注入 5+api 表示所有5+api将不生效包括 appendJsFile

    2021-08-30 15:59

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX alpha 3.2.5+ 已修复

要回复问题请先登录注册