收藏
回答

video显示错位

问题模块
API和组件

如下图所示,video显示经常性的错位,蓝色的正方形图片是我设置的poste,它现在上移了,导致露出黑框。


请问以下的结构和样式有问题吗?如何布局才能让原生的video组件显示正常

结构如下:(ps:text元素并没有渲染出来,无需考虑)

<view class="video-component" wx:if="{{!isHideVideo}}" catchtap="{{preventNavToDetail}}">

 <view wx:for="{{videos}}" wx:key="unique" wx:for-item="video">

   <video src="{{video}}" objectFit="cover" controls

         poster="{{videoFirstFrame}}"></video>

   <text wx:if="{{isShowDeleteButton}}" class="ico video-delete"

         catchtap="{{deleteVideo}}"></text>

 </view>

</view>


样式如下:

.video-component, .video-component > view {
    display: inline-block;
}
 
.video-component > view {
  position: relative;
  display: inline-block;
  margin-right: 45rpx;
  width: 360rpx;
  height: 360rpx;
}
 
.video-component > view video {
  width: 100%;
  height: 100%;
}
 
.video-component .ico.video-delete {
  display:inline-block;
  position:absolute;
  top: 160rpx;
  right: -70rpx;
  z-index: 100;
  width: 40rpx;
  height: 40rpx;
  background-position: 0 -476rpx;
}


最后一次编辑于  2017-09-04  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 范琼丹🦜
    范琼丹🦜
    2018-01-19

    scroll-view里不能使用video标签吗????????????????????????????

    2018-01-19
    赞同
    回复
  • 孤独独孤嘟咕噜嘟噜将军
    孤独独孤嘟咕噜嘟噜将军
    2017-11-02

    直接说scroll-view里不能使用video标签就得了嘛

    这个问题最早6月30日就有人反馈了

    直到今天也没解决

    2017-11-02
    赞同
    回复
  • druid
    druid
    2017-10-23

    同样有此问题,求官方解决

    2017-10-23
    赞同
    回复