关于nvue页面video组件圆角问题解决方案

查看了很多关于nvue页面video组件圆角问题的诸多解决方案，都觉得挺麻烦的，就我个人而言，能用css解决的问题，绝对懒得去写js，废话不多说上代码

<view class="_video_box">  
    <video class="_video" :src="videoSrc" :controls="false"></video>  
    <view class="_video_k"></view>  
    <view class="_video_k2"></view>  
</view>

css

._video_box{  
        width:750rpx; height:366rpx; padding:25rpx;  
    }         
 ._video{  
        width:700rpx; height:316rpx;  
    }  
    ._video_k{  
        width:750rpx; height:56rpx; border-radius:56rpx 56rpx 0 0; position:absolute; left:0; top:0;  
        border-top-color:#fff; border-top-width:25rpx;  
        border-left-color:#fff; border-left-width:25rpx;  
        border-right-color:#fff; border-right-width:25rpx;  
    }  
    ._video_k2{  
        width:750rpx; height:56rpx; border-radius:0 0 56rpx 56rpx; position:absolute; left:0; bottom:0;  
        border-bottom-color:#fff; border-bottom-width:25rpx;  
        border-left-color:#fff; border-left-width:25rpx;  
        border-right-color:#fff; border-right-width:25rpx;  
    }