[css] video 태그 사용 시 테두리 검정선 숨기기

video {
    outline: none;
    border: 0;
}

비디오 테두리를 제거 하는 방법으로 비디오 태그 자체에 선택영역을 없애버리기가 있지만

위 방법이 적용 안되는 경우도 있다. 

 

video {
-webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

 

 

추가로 적용하여 해결하였다.

 

---

https://stackoverflow.com/questions/52508598/html5-video-element-on-iphone-has-border/53779216