[퍼블리싱 Tip] 아이폰에서 하얀배경 동영상 라인 없애기.

영상 작업을 하고 아이폰(아이폰12 미니) 기기로 test를 하는중
하얀 배경으로 되어진 영상주변에 테두리 라인이 보이는 현상을 확인 하였습니다.

border도 0이고 다른 라인이 들어갈만한 효과를 준 내용도 없었습니다.

같이 일하는 친구의 도움으로 아래와 같은 내용을 확인할 수 있었습니다.

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

video 태그에 위와 같은 css 속성을 넣으니 사라지는 것을 확인했고 
이런 문제를 경험하신 분들에게 도움이 되었으면 합니다.

 

참고

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