Front End Developer/퍼블리싱 Tip
[퍼블리싱 Tip] 아이폰에서 하얀배경 동영상 라인 없애기.
커드만
2021. 6. 22. 09:56
영상 작업을 하고 아이폰(아이폰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