업로더가 되보자

모두 크롬기준임. 익스플로러도 비슷할 듯

1. 움짤 올리는 방법 (gif)

- 일반적으로 올리는 건 다 알거임. 그래서 패스

- 고용량 경우 

 개집자체에서 올리려면 용량제한 (12메가 인가까지 올려봄) 있어서 큰용량은 https://www.blogger.com/ 에서 글작성 후 소스 따옴 (개인정보 신경쓰이면 비공개로 설정하면 됨)

- 소스 따오는 법

 a. 글 작성에서 사진모양 아이콘(이미지 삽입) 클릭 후 움짤 올리면 자체에서 크기 조절(작게, 중간, 크게, X라지, 원본) , 위치 조절(왼쪽, 가운데, 오른쪽 정렬) 가능

 b. a에서 설정 마친 후 움짤에 대고 우클릭 하면 맨 밑에 '검사'가 보일 거임

 c. 검사 클릭하면 우측에 <img srs = 어쩌고 저쩌고 

부분이 진하게 표시됨. 그걸 복사함

-업로드 방법

 a. 글쓰는 부분보면 editor, html, text 있는데 html로 들어가서 복사한걸 붙여넣음

 b. 붙여넣고 확인하고 싶으면 editor 눌러서 확인하면 미리보기가 됨

 c. 확인 후 작성완료 누르면 됨

세줄 요약

1. 저용량은 그냥 올려라

2. 고용량은 blogger 통해서 소스따라

3. 움짤은 원판이 중요하다

P.S 프로그램은 꿀캠사용함

2. 영상올리는 방법

  본인이 가지고 있는 영상은 gfycat, blogger 사용함

  영상 특정부분 자르고 싶다고 하면 https://ezgif.com/crop-video 이용

  ezgif 사이트에서 gif나 동영상 편집이 간단한거는 할 수 있음

 1) gfycat 이용 (영상같은 움짤, 회원가입 간편하니 회원가입 후 만들길 권장)

 장 : 간편함 / 단 : 최대 재생 1분, 유저들 호불호 갈리는거 같음

※gfycat에서 iframe주소 복사해서 html탭에 붙여넣으면 매우 간단하지만 gfycat 마크(?)에 거부감 있는 유저가 많은거 같음

 - https://gfycat.com/ko 들어가서 바로 올릴거면 '업로드' 클릭 , 특정부분만 올릴거면 '새로만들기' 클릭

 - 동영상 주소(유튭)나 파일 선택하고 몇가지 설정만 해주면 알아서 만들어줌 (회원가입 간편하니 회원가입 후 만들길 권장)

※만든 영상에서 공유(종이비행기 모양) 클릭 후 임베드 클릭해서 iframe복사 후 html탭에 붙여넣으면 매우 간단하지만 gfycat 마크(?)에 거부감 있는 유저가 많은거 같음 

그래서 아래부터는 gfycat 마크 없이 동영상 처럼 보이게 하는 방법임

 - 메모장 실행

 - 만들어진 영상에서 우클릭 후 동영상 주소 복사 클릭

 - 메모장에 동영상 주소 붙여넣기 하면 https://giant.gfycat.com/대소문자 뒤죽박죽.webm 이런식으로 나올텐데 '대소문자 뒤죽박죽' 부분만 따로 복사

 - 밑에 코드에서 '대소문자 뒤죽박죽' 부분(3개)에 붙여넣음

<style>

video {width:100%; max-width:숫자입력px; height:auto; max-height:숫자입력px;}

</style>

<video width="숫자입력" height="숫자입력" loop="loop" controls="controls" autoplay="true" muted="muted">

<source id="webmSource" src="https://fat.gfycat.com/대소문자 뒤죽박죽.webm" type="video/webm">

<source id="mp4Source" src="https://giant.gfycat.com/대소문자 뒤죽박죽.mp4" type="video/mp4">

<source src="https://thumbs.gfycat.com/대소문자 뒤죽박죽-mobile.mp4" type="video/mp4">

</video>

- 숫자입력 칸에는 gfycat에서 만든 영상 우클릭 후 '검사' 클릭하면 가로 세로 알 수있음. 그 숫자를 그대로 입력

- max-width 숫자와 video width 숫자 동일하게, max-height 숫자와 heigh 숫자 동일하게

 단, 세로직캠일 경우 max-height 숫자 500대로 떨어뜨리는게 좋은거 같음 (컴터나 모바일 화면이 너무 꽉차는듯), editor로 확인하면서 너비, 높이 조절추천

- 다 작성했으면 복사 후 개집 글쓰기에서 html 탭 들어간 후 붙여넣기

- editor탭 클릭후 게시할 영상 확인 후 작성완료 클릭 

PS. 소스코드는 따로 설명하기 복잡하니 그대로 쓸것을 권장.(인터넷에서 찾아본거라 틀린거 있을수 있음 but. 여태껏 이렇게 사용했는데 문제없는거 같음)

 2) 다른 사이트 영상 따오는 방법 

 장 : 간단 / 단 : 자신이 소장한 동영상 못올림

 a. 다른 사이트에 있는 동영상 우클릭 후 '검사' 클릭

 b. <video class = 어쩌고 저쩌고 부분이 진하게 표시됨

 c. 그거 복사 후 개집 글쓰기 html탭에 붙여넣으면 되지만 그럴 경우 모바일 배려X, 애플계열 이용불가 그래서 좀 더 작업을 거쳐야함. 

 d. 복사한 소스를 메모장에 붙여넣음

 e. 붙여넣은 소스 제일 앞쪽에 아래 코드 복사후 붙여넣기

<style>

video {width:100%; max-width:숫자입력px; height:auto; max-height:숫자입력px;}

</style>

 - 숫자입력 칸에는 업로드 할 영상 우클릭 후 '검사' 클릭하면 가로 세로 알 수있음. 그 숫자를 그대로 입력 

 - 이 코드가 들어가면 기기에 맞게 크기가 자동 조절 되는거 같음

f. 그러면 

<style>

video {width:100%; max-width:숫자입력px; height:auto; max-height:숫자입력px;}

</style>

<video class=어쩌고 저쩌고

가 되겠지.

g. 여기에서 <video class=어쩌고 저쩌고 

부분을 보면

<video class="에이video-js" muted="" loop="" playsinline="" autoplay="" width="숫자" 

등이 보일텐데 여기에 controls="controls" 이거 하나만 복사해서 붙여넣으면 (재생, 정지, 볼륨조절 상태바 임) 애플계열도 재생되고 영상시청이 용이함

h. 그럼 최종적으로

<video class="에이video-js" muted="" loop="" playsinline="" autoplay="" width="숫자" controls="controls"

가 되겠지...

그리고 나서 전체를 복사하고 개집 글쓰기 html탭에 붙여넣고 Editor에서 제대로 작동하나 확인 후 업로드 하면 끝

본인도 이거보고 배움

원글

https://gezip.net/bbs/board.php?bo_table=best&wr_id=881269