video 태그를 활용하여 비디오를 재생할 때 테두리가 생기는 것을 볼 수 있어요.
이를 없애는 css는 매우 간단합니다.
html
<video class="player" controls>
<source src="http://localhost:8080/vod/christmas.mp4"></source>
</video>
css
.player {
outline: none;
border: none;
}
'Frontend > HTML5' 카테고리의 다른 글
HTML/CSS 가운데 정렬 (0) | 2019.10.23 |
---|---|
HTML/CSS 스크롤바 숨기기 없애기 (스크롤 동작) (1) | 2019.10.17 |
HTML/CSS div 가로 배열 3등분, 양옆으로 (flex 속성) (0) | 2019.09.26 |
HTML/CSS 이미지 둥글게 원 모양 (프로필) (1) | 2019.09.25 |
HTML/CSS 한 줄 텍스트 넘칠 때 숨기기... 생략 (0) | 2019.09.25 |