본문 바로가기

Frontend/HTML5

HTML/CSS 비디오 테두리 제거

video 태그를 활용하여 비디오를 재생할 때 테두리가 생기는 것을 볼 수 있어요.

이를 없애는 css는 매우 간단합니다.

 

html

<video class="player" controls>
  <source src="http://localhost:8080/vod/christmas.mp4"></source>
</video>

css

.player {
  outline: none;
  border: none;
}