본문 바로가기

컴퓨터

블로그에 유튜브 동영상 삽입하기

블로그를 운영하다 보면 외부컨텐츠를 삽입해야하는 경우가 있습니다.

가장 많이 삽입하는게 유튜브 인데요.

네이버 블로그와 티스토리 블로그에서 유튜브 영상을 삽입하는 방법을 알아보겠습니다.

 

(공통사항) 유튜브에서 동영상 소스 코드를 복사해야합니다.

유튜브를 열고 원하는 동영상을 플레이 합니다.

그 상태에서 화면에 마우스 커서를 올려 놓고 오른쪽 버튼을 누르면 위와 같은 선택창이 나오는데..

그 중 3번째 Copy embed code (동영상 주소 복사) 를 클릭합니다.

그럼 클립보드 상에 해당 동영상의 주소가 복사됩니다.

 

네이버 블로그에서 유튜브 동영상 삽입하기

1. 새글 쓰기를 열어 중간 아이콘 들 중 동영상 버튼을 누릅니다.

 

2.  블로그 업로더 창에서 링크 걸기를 클릭합니다.

 

3. 그럼 소스코드를 입력하는 창이 생기는데.. 빈 곳에 아까 복사된 코드를 붙여넣기 합니다.

    (키보드 ctrl + v 버튼을 눌러 주시거나 마우스 오른쪽 버튼을 눌러 "붙여넣기"를 클릭합니다.)

 

4. 붙여넣기를 하면 아래와 같이 아까 유튜브에서 복사한 코드가 입력되는데..

   한가지 팁을 드리자면.. 빨간색 네모칸 글씨가 유튜브 동영상의 플레이 화면 크기입니다. 

   게시되는 유튜브 영상의 초기화면 가로 사이즈를 더 늘리고 싶으시면 해당 숫자를 조정하시면 됩니다.

   width : 영상 가로 길이 / height : 영상 세로 길이

   16:9 영상 가로길이 기준 예시 950-534 / 900-506 / 850-478 / 800-450 / 750-422 / 700-394 / 640-360

 

5. 네이버는 영상 링크를 걸기 전 미리보기 기능을 제공하고 있습니다.

   미리보기 버튼을 눌러서 해당 동영상이 맞는지 확인 후 우측의 링크걸기 버튼을 누릅니다.

 

6. 삽입하고자 하는 동영상의 초기화면이 보이면서 해당 영상이 작성화면에 들어간걸 알 수 있습니다.

   내용글을 다 쓰고 저장을 합니다.

 

7. 해당 영상이 맞게 들어갔습니다.

 

 

티스토리 블로그에서 유튜브 영상 삽입하기

맨 위에서 유튜브 소스 코드를 복사하는 방법은 동일합니다.

소스코드가 복사된 상태에서 티스토리 새글쓰기를 누릅니다.

 

1. 새글쓰기에서 상단에 외부컨텐츠 아이콘을 클릭합니다.

   (티스토리에선 동영상 아이콘으로는 유튜브 영상을 넣을 수 없습니다.)

 

2. 멀티미디어 첨부 라는 창이 뜨는데 좌측 embed 소스 입력 창에 아까 유튜브에서 복사된 코드를 붙여넣습니다.

   (키보드 ctrl + v 버튼을 눌러 주시거나 마우스 오른쪽 버튼을 눌러 "붙여넣기"를 클릭합니다.)

3. 붙여넣기를 하면 아래와 같이 아까 유튜브에서 복사한 코드가 입력되는데..

   한가지 팁을 드리자면.. 빨간색 네모칸 글씨가 유튜브 동영상의 플레이 화면 크기입니다. 

   게시되는 유튜브 영상의 초기화면 가로 사이즈를 더 늘리고 싶으시면 해당 숫자를 조정하시면 됩니다.

   width : 영상 가로 길이 / height : 영상 세로 길이

   16:9 영상 가로길이 기준 예시 950-534 / 900-506 / 850-478 / 800-450 / 750-422 / 700-394 / 640-360

 

4. 삽입하고자 하는 동영상의 초기화면이 보이면서 해당 영상이 작성화면에 들어간걸 알 수 있습니다.

   내용글을 다 쓰고 저장을 합니다.

 

5. 해당 영상이 맞게 들어갔습니다.

네이버와 티스토리 블로그에서 유튜브 영상을 삽입하는 방법을 알아보았는데요.

이렇게 유튜브에 공유된 영상을 자기의 블로그에 삽입하여 포스팅 할 수 있지만..

유의해야 할 점이 있습니다. 바로 불법 공유된 컨텐츠 인데요..

불법공유 컨텐츠를 링크 하실 경우 해당 동영상을 올린 업로더도 처벌을 받지만..

이렇게 해당 영상을 링크한 본인도 책임이 전가될 수 있으므로 주의하셔야 합니다.