html video播放时出现边框

Question

video标签 视频播放后出现了 一个蓝色边框
我搜了一下解决方法 使用了object-fit: fill;

但是object-fit: fill;会使视频明显拉伸
请问有没有不拉伸视频的条件下 去掉video的边框

<video :src="item.file_url" controls="controls" />

Answer 1

那是因为video的:focus属性定义的1px。
解决方法：
video:focus {
outline: -webkit-focus-ring-color auto 0px;
}

Answer 2

outline: 0;

建议不要这样做，会损失可访问性。outline 就是用来标识当前 focus 的元素的。