[html/css] html video tag border none example / html 비디오 태그 테두리 제거하는 방법

[html/css] html video tag border none example / html 비디오 태그 테두리 제거하는 방법

 

 

html 에서

 

video 태그를 사용하여

 

영상을 재생하는 코드를 다루다 보면

 

영상이 재생되었을때

 

비디오 테두리 영역이 생기는 현상이 있습니다!

 

그럴때는 아래와 같이 css 를 이용하시면 됩니다!

 

 

우선 video_player 라는 아이디를 가지는 video 태그가 있다고 가정하고,

<video id="video_player" controls>
    <source src="VIDEO_SRC"></source>
</video>

 

아래와 같이 css 옵션으로

 

outline 와 border 를 none 으로 설정하시면 됩니다!

#video_player {
  outline: none;
  border: none;
}

 

참고들 하세요!