WXOPEN Club

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

发布于 7 年前作者 ntao16248 次浏览最后编辑 7 年前来自 ask
<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上看不见按钮。

1 回复
pingqiao
pingqiao1 楼6 年前

纠正下：

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