Google Chrome 에서 동작 비디오 태그에 controls 라는 옵션을 주면 밑에 비디오를 컨트롤하는 UI가 띄워진다. 근데 내가 필요 없는, 숨겨야 하는 버튼이 있는 경우 숨길 수 있다. (전체화면, 재생 등) /* 전체화면 버튼 */ video::-webkit-media-controls-fullscreen-button {} /* 일시정지, 재생 버튼 */ video::-webkit-media-controls-play-button {} /* 재생 슬라이드..? */ video::-webkit-media-controls-timeline {} /* 현재 진행 시간 */ video::-webkit-media-controls-current-time-display{} /* 전체 시간 */ video::-..

출력하고자 하는 넓이보다 글자수가 긴 경우에 ".."으로 말줄임 표시하는 방법 1. 자바스크립트로 처리하기 let length = 13; // 표시할 글자수 기준 let str = '자바스크립트문자열테스트중입니다.'; if (str.length > length) { str = str.substr(0, length - 2) + '...'; } console.log(str); 2. CSS로 처리하기 /* 긴 대쉬보드명이 오는 경우에 "..." 표시를 위함 */ .Button.dashboard-menu { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }