Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 자바정렬
- 스프링 jsp 연결
- spring jsp
- 자바 순위정렬
- SpringBoot Mybatis
- 정신차리고공부하자 #개발자되기 #몰입하자
- sql 테이블명 바꾸기
- video tag
- Failed to configure a DataSource
- 순위정렬
- jsp 연결
- 스프링부트 오류
- @PathVariable
- 스프링부트 마이바티스
- HTML
- 스프링부트
- selection does not contain a main type
- 랭킹정렬
- MySQL 테이블명 바꾸기
- html input
- 스프링 jsp
- 자바
- 비디오 태그 썸네일
- 스프링부트 jsp 연결
- 정수 자료형
- html video thumbnail
- 자바마스터
- 자바 #Java #Scanner #스캐너 #자바알파벳입력
- 비디오 태그 이미지
- src/main/java
Archives
- Today
- Total
쌤리
[HTML] video 태그 썸네일 설정 본문
<video preload="metadata" src="vidlink.mp4#t=0.5"></video>
- preload 속성에 "metadata" 를 넣어주고 영상 주소 확장자명 뒤에 #t=0.5 를 붙여준다.
- 영상의 첫 번째 프레임에 해당하는 이미지가 썸네일로 적용된다
- 속성을 추가해주지 않으면 자동으로 첫 번째 프레임에 해당하는 이미지가 썸네일로 나오지만 모바일 환경에서 나오지 않는 경우가 있음]
- 끝
'UI 구현 > HTML | CSS' 카테고리의 다른 글
강의 링크/ 포트폴리오 문서 작업 (0) | 2020.09.01 |
---|---|
[HTML] input 요소의 type (0) | 2020.07.23 |
[HTML] div, span (0) | 2020.06.05 |
[HTML] 기본 레이아웃, semantic tag (0) | 2020.06.05 |
[HTML] 링크 연결 (0) | 2020.06.04 |
Comments