티스토리를 동영상 미디어 서버처럼 사용하기..

@2018. 7. 5.

 

<video> 태그에 동영상 주소 바로 적용하기

 

티스토리 글쓰기 에디터에서 동영상을 파일첨부로 업로드.. 미리보기를 클릭한 다음, 미리보기 화면에서 첨부파일 우클릭 - 링크 주소 저장.. 글쓰기 에디터로 돌아와서 아래와 같이 적용..

 

<video width="1000" height="667" autoplay="" loop="" controls=""> <source src="링크 주소" type="video/webm"> </video>

 

 

이 방식의 가장 큰 문제점은 파일 업로드 용량 10MB 제한이라는 점이다..

해서, 러닝 타임이 긴 동영상은 힘들다는 것!

 

바뜨, 압축률이 좋은 Webm 포맷으로 변환하면 조금의 여유가 생긴다..^[각주:1]

MP4 포맷 대비, 비슷한 퀄리티^[각주:2]를 가지는 조건에서 50~70% 더 높은 압축률을 보여준다..

 

 

Webm 포맷으로 변환은 카카오인코더로~

카카오인코더 CacaoEncoder - 동영상변환 유틸리티

 

Webm plugin for Adobe Premiere..

 

 

1. 웹킷 계열의 브라우저를 제외한,
   Firefox 나 IE 브라우저는 Webm 포맷을
   지원하지 않는다는 단점이 있긴 하다.. [본문으로]
2. 매의 눈으로 확인하지 않는 이상 퀄리티 손실이 없어 보이는.... [본문으로]