쌤리

[HTML] video 태그 썸네일 설정 본문

UI 구현/HTML | CSS

[HTML] video 태그 썸네일 설정

saml2l 2020. 9. 28. 20:44

 

<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