유틸리티) 움짤용 video태그 생성기

[ 개요 ]

imgur에 업로드한 영상파일(mp4)을

움짤처럼 표시하는 video태그를 생성하는

유틸리티를 만들어봄

---

[ 유틸리티 ]

---

[ 사용방법 ]

(* 테스트용 mp4파일 링크)

1. imgur에 짧은 영상파일을 업로드 한다.

2. 업로드가 완료되면, 해당 요소를 클릭해서

Direct Link 부분을 복사한다.

3. [ 유틸리티 ] 영역의 입력창에 넣고

생성하기 버튼을 누른다.

4. HTML편집에서 원하는 위치에 붙여넣기 한다.

---

[ 설명 ]

어떤 영상의 하이라이트 부분을

gif로 변환해서 업로드 하고 싶었는데

(mp4 → gif)

이상한 노이즈 같은 것이 표시된다...

webp의 경우, 노이즈는 없지만

imgur에 업로드할 수가 없었다.

찾아보니 webp 확장자는

imgur에서 지원하지 않는다고 한다.

그래서 mp4 상태로 올린 것을

움짤처럼 소리없이 반복동작 하도록 하는

video태그를 찾아보았고,

해당 태그를 좀더 쉽게 생성할 수 있도록 하는

유틸리티를 개발하였다.

(URL만 집어넣으면 태그가 자동으로 완성)

---

[ 참고자료 ]

링크(help.imgur.com)

: What files can I upload? Is there a size limit?

링크1(rgy0409.tistory.com)

: HTML5 백그라운드에 무한재생 동영상을 넣자!

video 태그 사용법

링크2(gyuri-v.tistory.com)

: 동영상 완전 정복 ① - video태그