Video 태그 배경으로 자동재생하기
요즘은 비디오 태그를 이용해서 배경으로 자동재생해서 넣는 경우가 종종 있다..gif보다 부드럽고 예쁘게 나타낼수 있어서 비디오 태그의 효과가 더 극적인거 같다. 그러나 비디오 태그는 ie8 이상부터 가능하기 때문에 크로스브라우징 이슈를 고려해서 사용해야 한다. 1. 자동재생 : autoplay비디오 자동재생은 웹접근성에 위배되서 크롬같은 일부 브라우저가 막아놓았다. 그러나 음소거일 경우에는 가능하다고 하니 muted 속성과 같이 쓰면 된다. 2. 연속재생 : loop연속재생 속성을 넣으면 무한으로 돌아간다. 3. 로딩이슈 : preload브라우저 로딩시 미리 로딩을 준비해 놓으면 빠르게 렌더링 할수 있다. 4. 네이티브 컨트롤러 : controlsdefault 값이 false 이므로 연속재생이나 자동재생..
웹표준
2018. 5. 11. 14:20
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- video 배경
- IE8
- opacity
- 구글맵
- 웹표준
- Git
- git 파일 제외
- video autoplay
- git 폴더제외
- 아이프레임
- 비디오 자동재생
- background-cover
- 아이프레임 반응형
- gitignore
- Video
- video loop
- IE7
- 유투브
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함