웹사이트를 개발하다보면 video 와 관련된 문제를 경험하게 된다. 자동 재생이나, video 태그의 재생 전 아이콘이 나오는 문제를 나는 경험했다. 이미 흔한 해결 방법들이지만 이번에 한 번 정리해보겠다. video 자동재생 크롬과 사파리 등 브라우저에서 video를 자동 재생 시키려면 제약사항이 있다. 바로 muted라는 옵션이 필요하다. 음소거 상태에서만 동영상을 자동 재생시킬 수 있다. 또한 사파리의 경우에는 추가적으로 playsinline 옵션을 줘야한다. playsinline 속성을 사용하지 않으면 전체화면으로 처리된다는 문제가 있다. // ... 다음과 같이 사용하려면 기본적으로 muted, playsinline, autoplay를 사용해야 브라우저 구분없이 자동재생이 가능하다. 카카오 브라..

express-generator를 사용해서 Express 웹서버를 구현할 때 템플릿을 지정할 수 있다. 따로 설정하지 않으면 jade 형식으로 뷰가 구성되고, 특정 형식으로 템플릿을 지정하고 싶다면 express --ejs 앱이름 같이 --버전 을 옵션으로 같이 주면 된다. 그런데 우리에게 가장 친숙한 Html을 템플릿으로 사용하려면 어떻게 해야할까? // ... app.engine("html", require("ejs").renderFile); app.set("view engine", "html"); // ... app.engine("html", require("ejs").renderFile); 부분은 express-generator를 사용했을 때 자동으로 생기는 것이 아니라 따로 작성을 해야한다. h..