收藏
回答

视频用cover-view手机上不显示

问题模块
API和组件
<view wx:if="{{videoSrc}}" class="video-wrap">
        <video src="{{videoSrc}}" bindended="videoEnd" autoplay="true">
            <view class="video-back iconfont icon-close" bindtap='videoEnd'></view>
        </video>
    </view>
video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
}
 
.video-back {
    color: #fff;
    font-size: 60rpx;
    position: absolute;
    top: 20rpx;
    right: 20rpx;
}
 
.video-wrap {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 998;
}

效果是全屏的video上有一个关闭按钮

编辑器上能看见按钮但无法点击,ios上看不见按钮。

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

1 个回答

  • 菜
    2017-11-30

    纠正下:

    video里的view应该是cover-view,这样可以点击,但是ios看不见按钮,在video层下面,可以穿透被点击。

    2017-11-30
    赞同
    回复