html5 video去除边框

video的属性：

autoplay 视频在就绪后自动播放。
controls 显示控件，比如播放按钮。
height 设置视频播放器的高度。
width 设置视频播放器的宽度。
loop 循环播放
muted 视频的音频输出静音。
poster 视频加载时显示的图像，或者在用户点击播放按钮前显示的图像。
src 要播放的视频路径。

webkit-playsinline="true"  适配ios ，视频初次加载不全屏

 x5-video-player-type="h5" 适配ios ，视频初次加载不全屏

去边框方法一：

video{
width: 100%;
height: 100%;
object-fit: contain;
}
video:focus {
outline:none;
}

去边框方法二：

video:focus {outline: 0;;
}

去边框方法三（本人就是这个方法生效的）：

  // 在video 加上style="mix-blend-mode: screen; display: block"
<video style="mix-blend-mode: screen; display: block">

希望有一个能生效！