티스토리 유투브 동영상 올리기

티스토리 유투브 동영상 올리기

안녕하세요. 쿨펀치의 세상리뷰 쿨펀치 인사드립니다.

오늘의 주제는 티스토리 블로그에 유투브 동영상 올리기 하는 방법을 알아보겠습니다. 
요즘 많은 분들이 티스토리 블로그에 유투브 동영상을 넣고 있습니다. 

유투브 동영상 넣는 방법은 어렵지 않지만. 처음 접하시는 분들에게는 복잡하기 그지없죠. 

이런 초보자님들을 위해 제가 간단히 설명을 드려볼게요.
하나씩 따라 하시면 쉽게 하실 수 있을 거예요. 

Youtube 유투브 동영상 사이트 - 바로가기

 


 


 

 티스토리 유투브 동영상 올리기

티스토리 유투브 동영상 올리는 방법은 2가지  있습니다.

티스토리 에디터 플러그인 설정을 이용 하는 방법과 , 유투브 사이트 에서 동영상 소스를 직접 html 에디터에 직접 입력 하는 방법이 있습니다.

첫 번째, 티스토리 플러그인 이용 유투브 동영상 올리기


우선 티스토리 플러그인 이용 하기위해서는 플러그인이 설정되어 있어야 합니다.
플러그인 설정 과정부터 알아보겠습니다.




플러그인 설정 방법 티스토리 관리자모드 접속
1. 플러그인 설정 클릭.
2. 글쓰기 선택.
3. Youtube 동영상 넣기 선택.
4. 확인 클릭.

티스토리 플러그인 설정 과정은 이제 모두 끝이 났습니다.




티스토리 플러그인 이용 Youtube 유투브 동영상 올리기
1. Youtube 클릭.

참고!
Youtube 동영상 올리기 플러그인 사용하기 위해서는 HTML 에디터 타입이 체크 해제 되어 있어야 합니다.




Youtube 동영상 첨부 창이 열렸습니다.
1. 사용자가 찾고자 하는 검색어를 검색.
2. 티스토리 블로그에 올리고 싶은 동영상 체크
3. Youtube 유투브 동영상 사이즈 설정
(사용자가 원하는 크기 값을 선택 또는 직접입력 값 설정)
4. Youtube 유투브 동영상 선택 설정이 모두 완료되었습니다. 등록 클릭.




티스토리 동영상 넣기 플러그인을 통해 유투브 동영상 넣기가 완료 되었습니다. 





HTML 에디터 모드에서 유투브 플러그인 넣기를 통해 넣은 소스를 확인 할 수 있습니다. 



두 번째, 유투브 동영상 사이트이용 유투브 동영상 올리기

Youtube 유투브 동영상 사이트 - 바로가기

Youtube 유투브 동영상 사이트 접속 사용자 직접 올린 동영상 또는 검색한 동영상을 넣는 방법에 대해 알아보겠습니다.

전 제가 올린 동영상인 천사 피규어 동영상으로 검색 했습니다.



1. 유투브 동영상 사이트에 소스코드 선택.
2. 사용자 환경에 맞는 동영상 사이즈 설정 & 선택. 
( 전 제 블로그 사이즈에 맞게 너비 740px 높이 406px 값을 설정 했습니다.)

3. 유투브 동영상 소스코드를 복사.




티스토리 HTML 에디터 모드 체크
유투브 동영상 소스코드를 붙여넣기 합니다.  Ctrl + V

티스토리 플러그인 소스코드와 유사하면서 살짝 소스가 짧죠. ^^ 




티스토리 HTML 모드 체크해제 하면 이렇게 Youtube 유투브 동영상이 보이게 됩니다.

 

플러그인 넣기 VS 소스코드 직접 넣기 차이점

플러그인과 소스 직접 넣기 차이점을 알아봅시다.


1. 티스토리 플러그인 이용 Youtube 유투브 동영상 넣기를 한 경우 위 이미지처럼 검정 테두리 크게 나오게 됩니다. ㅠㅠ
플러그인 이용 하는 경우에는 너비 값만 설정이 가능합니다.

2. 유투브 동영상 사이트 이용 Youtube 유투브 동영상 넣기를 한 경우 위 이미지처럼 검정 테두리 없이 깔끔하게 가져 올 수있습니다.
물론 사용자 값 직접 입력을 해서 영상 이미지와 딱 맞게 테두리 설정이 가능합니다. 너비 값 높이값 등 설정 가능합니다.




1. 티스토리 플러그인 넣을 경우 너비값 입력에 따라 높이 값이 자동 입력이 되면서 검정테두리가 생겨납니다.

해결방법 : HTML 에디터 모드에서 height 높이 값을 테두리 안보이게 설정 하시면 됩니다. 


티스토리 유투브 동영상 올리는 방법에 대해 알아봤습니다. 
많은 분들이 유투브 영상을 많이 이용들 하고 계시죠. ^^ 두 가지 방법이 있으니 사용자 편하신 방법을 이용 하시면 됩니다.

쿨펀치의 세상리뷰 는 여러분의 소중한 댓글과 VIEW ON 클릭 구독 클릭이 큰힘이되어.
더 좋은 블로그를 만들 수 있게 하는 원동력이 됩니다.  


Posted by 쿨펀치 쿨펀치

댓글을 달아 주세요

  1. Favicon of https://siait.tistory.com BlogIcon 施兒 2012.04.08 18:19 신고  댓글주소  수정/삭제  댓글쓰기

    유튜브 플러그인을 사용하는게 편 하긴 한데
    유튜브 사이트에서 소스 가져 오는게 더 예쁜거 같네요 ^^

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012.04.08 23:42 신고  댓글주소  수정/삭제

      ^^ 플러그인으로 포스팅 영역 맞추면 검정 테두리는 다시한번 수정해야 되더라구요.

      저도 역시 유투브 사이트에서 직접 가져오는 방법으로 ㅎㅎ 허락된 영상과 제가 만든 영상만 링크 시키고 있습니다. ^^

  2. Favicon of http://www.ibagu.co.kr BlogIcon 이바구™ 2012.04.09 15:46 신고  댓글주소  수정/삭제  댓글쓰기

    유투브가 티스토리 안으로 들어와서 얼마나 다행인지 몰라요.

  3. Favicon of http://simplyfitbear.tistory.com BlogIcon Aylamirr 2012.05.03 17:26 신고  댓글주소  수정/삭제  댓글쓰기

    상세한 설명 감사합니다! 저같은 컴맹에겐 천국같은 블로그이에요..ㅎㅎ

  4. Favicon of http://pianistkat.tistory.com BlogIcon fabulous kat 2012.05.15 09:25 신고  댓글주소  수정/삭제  댓글쓰기

    티스토리에 저만의 공간을 처음 만들게 된 유저에요 ^-^*
    유투브 음악 동영상을 올리고 싶었는데 처음이라 무척 서툴렀거든요..
    님 덕분에 저의 첫 포스팅에 예쁜 음악 동영상을 올리게 되었어요 '-'
    좋은 정보 ㄳ

  5. Favicon of http://www.ygezit.com BlogIcon 양군. 2012.08.23 10:23 신고  댓글주소  수정/삭제  댓글쓰기

    정말 유용한 정보네요.

    감사합니다^^

  6. Favicon of http://mscg.tistory.com BlogIcon 밍슈♥ 2013.01.03 23:33 신고  댓글주소  수정/삭제  댓글쓰기

    유용한 정보 감사합니다^^ 블로그에 유투브 동영상 올릴 수 있게 되었네요^.^

  7. Favicon of http://dio0726.tistory.com BlogIcon RJ디오 2013.01.16 10:57 신고  댓글주소  수정/삭제  댓글쓰기

    오늘 처음으로 티스토리 시작했습니다.
    유투브 동영상 올리려고 하다가 어버버;;;

    님 덕분에 유투브 동영상 올리게 되었네요.
    좋은 정보 감사합니다. ^^

  8. Favicon of http://dio0726.tistory.com BlogIcon RJ디오 2013.04.04 19:07 신고  댓글주소  수정/삭제  댓글쓰기

    네 쿨펀치님 요즘은 편안~~하게 유투브 동영상 잘~ 올리고 있답니다. ^^

  9. Favicon of http://rysho.tistory.com BlogIcon 딴죽이 2013.04.09 22:57 신고  댓글주소  수정/삭제  댓글쓰기

    좋은 정보감사드립니다! 그런데 저작권 관련해서 혹시 아시는 부분이 있으신가요? 유투브에 있는 어느 동영상이나 픽업이 가능한건지, 아니면 어떤 점을 고려해야 되는지..

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2013.05.24 19:27 신고  댓글주소  수정/삭제

      티스토리의 경우 에디드창에서 유투브 동영상을 직접 검색 연결 시킬수 있습니다. 검색 되어 나오는 유투브 동영상은 올리셔도 됩니다.

      다만 일부 음악 , 영화, 드라마등 저작권이 확실한 동영상은 안올리는 것을 추천 드립니다.

  10. Favicon of http://jeonyul.tistory.com BlogIcon jeonyul 2013.07.16 10:41 신고  댓글주소  수정/삭제  댓글쓰기

    도움이 많이 되었네요^^ 감사합니다!

  11. Favicon of http://shelly.tistory.com BlogIcon 쉘리월드 2013.08.25 13:34 신고  댓글주소  수정/삭제  댓글쓰기

    동영상 올리는 법 찾다가. ㅎㅎㅎ
    잘 보고 배워갑니다.
    감사해요 ^^

  12. Favicon of http://ycompany.tistory.com BlogIcon 아!침밥먹기 2014.11.01 14:17 신고  댓글주소  수정/삭제  댓글쓰기

    와~ 대박 유익한 정보네요^^ 감사합니다^^

  13. Favicon of http://rasicnlnirals.tistory.com BlogIcon 웃을지어다 2014.12.04 01:27 신고  댓글주소  수정/삭제  댓글쓰기

    아주 잘 봤습니다~ 고맙습니다.
    덕분에 좋은 정보로 동영상 올릴 수 있었어요^^

  14. Favicon of http://minjbob.tistory.com BlogIcon 최최민정 2015.03.24 04:23 신고  댓글주소  수정/삭제  댓글쓰기

    아! 플러그인 탭에 있었군요~ 덕분에 동영상 올릴 수 있게 됐어요~ 감샤함다~!~~!

  15. Favicon of http://itservices.tistory.com BlogIcon 무릎치기 2016.02.04 20:32 신고  댓글주소  수정/삭제  댓글쓰기

    정보 감사합니다.

  16. Favicon of https://blockdmask.tistory.com BlogIcon BlockDMask 2017.07.13 12:54 신고  댓글주소  수정/삭제  댓글쓰기

    플러그인에 있었군요 감사합니다.
    혹시 블로그에 플러그인을 통해서 링크 건 동영상을
    블로그에서 조회 할때마다, 유튜브 조회수도 올라가나요?

  17. Favicon of http://gildedgingerbread.tistory.com BlogIcon 맛있는진저브레드 2017.10.20 06:40 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니다. 지금 실행해 볼께요. gildedgingerbread.com