<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上看不见按钮。
纠正下：
video里的view应该是cover-view，这样可以点击，但是ios看不见按钮，在video层下面，可以穿透被点击。