본문 바로가기

IT 정 보

티스토리 유투브 동영상 넣는 방법 3가지 : 링크, 소스코드, 티스토리 플러그인

티스토리 유투브 동영상 넣는 방법 3가지 : 링크, 소스코드, 티스토리 플러그인

최근에 찍어놓은 영상을 티스토리에 넣기 위해서 유투브에 업로드를 하고 나서 소스코드를 가져오려고 보니 관리자 모드여서 그런지 소스코드가  따올 수 없는 것을 알게 되었답니다. 사실 없다라기 보다 예전하고 달라서 어디에서 찾아야 하는지 모르겠더군요. 오늘은 유투브 동영상을 티스트로 블로그 본문에 어떻게 넣는지 한번 알아보도록 할까요?

 

 

유투브 티스토리 본문에 넣는 방법

 

 

 

 

 

 

링크 삽입

말그대로 영상이 위치한 웹사이트의 URL을 넣어두는 겁니다. 해당 유투브 영상의 하단 부에 공유 버튼을 누르면 위와 같이 해당 영상의 유투브 주소를 단축URL 형태로 티스토리 블로그 본문에 삽입을 할 수 있습니다. 그냥 본문에 넣으면 주소대로 표시가 되고, 링크를 이용하시면 텍스트 구문을 이용해서 해당 유투브 영상에 링크를 거는 방식입니다. 링크 삽입의 경우에는 유투브 영상을 블로그 페이지에서 플레이 할 수 없어서 한번 더 웹브라우저를 열어 단축URL의 주소로 웹페이지를 열어 유투브 영상을 플레이 하는 방법입니다.

 

 

 

소스코드 삽입

다음은 유투브에서 제공하는 소스코드를 이용해서 본문에 직접 영상을 넣는 방법입니다. 위의 소스코드를 복사해서 티스토리 블로그의 HTML 편집모드를 이용하여 해당 소스코드를 삽입하면 원하는 유투브 동영상을 직접 블로그 페이지에 삽입하여 방문하는 분들에게 직접 플레이 할 수 있도록 하는 방법입니니다.

 

 

 

 

티스토리 플러그 이용

몇 안되는 티스토리 플러그인 중에 유투브 플러그인을 이용하여 소스코드 없이 바로 티스토리 블로그 본문에 해당 영상을 넣을 수 있습니다. 아래의 순서대로 따라하시면 소스코드보다 편리하게 유투드 동영상을 넣을 수 있답니다.

 

 

 

해당 티스토리 유투브 플러그인을 누르면

 

위와 같이 유투브 검색창이 뜹니다.

 

검색창에 원하는 키워드를 입력하고

 

검색을 누릅니다.

 

 

 

 

 

검색된 영상을 클릭하면

 

유투브 페이지가 열리면서

 

영상을 확인할 수 있답니다.

 

 

저는 제가 올려놓은 영상을 클릭해서

 

우측에 있는 사이즈 설정을

 

'640' 으로 조정을 하고

 

등록을 누릅니다.

 

 

그럼

 

아래와 같이 유투브 영상이 본문에

 

보이게 됩니다. (가운데 정렬)

 

 

 

 

 

 

 

 

 

인터넷 익스플로러와 크롬은 다르다?

잠시 확인을 해보려고 크롬으로 유투브 영상을 열었더니 기본 틀은 비슷한데, 보이는 방식이 다르더군요. 일단 공유가 영상 아래의 우측에 위치합니다. 공유를 눌러도 소스보기의 탭 항목이 뜨지 않아요.

 

 

 

 

 

크롬으로 유투브에 들어오면

 

공유에 소스코드 보기 항목이 없답니다.

 

이럴때는?

 

화면에 마우스 우클릭을 해주세요.

 

 

 

 

 

 

위 사진과 같이 우클릭을 하면

 

세부적인 항목들이 나오는데,

 

그중

 

소스코드 복사를 눌러주면

 

됩니다.