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 를 붙여준다.
  • 영상의 첫 번째 프레임에 해당하는 이미지가 썸네일로 적용된다
    • 속성을 추가해주지 않으면 자동으로 첫 번째 프레임에 해당하는 이미지가 썸네일로 나오지만 모바일 환경에서 나오지 않는 경우가 있음]