티스토리 네이버 블로그에 유튜브 동영상 올리는 법

티스토리나 네이버블로그를 운영하면 글을 쓰는 과정에서 유튜브에서 퍼오고싶은 영상이 있을 때가 있습니다. 퍼오는 방법도 다양하구요. 제가 애용하는 블로그에 유튜브 동영상 올리는 법을 소개하겠습니다.

네이버 블로그에 유튜브 공유하기

 

유튜브에 들어가서 원하는 영상을 찾으면 재생화면 아래쪽에 '공유' 버튼이 있습니다. 이를 클릭하면 단축아이콘으로 다양한 SNS로 공유가 가능한 버튼이 나옵니다. 그리고 https://로 시작하는 링크가 나오는데요. 저는 아이콘 클릭하지 않고 링크를 그대로 복사합니다. 복사 단축키는 Ctrl+C입니다.

 

자, 네이버 블로그입니다. 업데이트된 스마트에디터로 설명드릴게요. 왼쪽에 글쓰기도구 아이콘들이 있는데요. 동영상 버튼을 클릭하세요.

 

네이버 블로그 업로더 창이 뜨는데요. '링크걸기' 탭을 클릭하시고 링크 입력칸에 아까 복사해둔 유튜브 주소를 붙여넣어 주세요. 주소를 붙여넣으면 미리보기 화면이 나오구요. 마지막으로 완료를 눌러주세요.

 

에디터 화면에 영상이 로드되어 보여집니다. 그리고 추가로 글을 쓰시고 포스팅을 하시면 됩니다.

 

유튜브 동영상 공유, 참쉽죠?

티스토리 블로그에 유튜브 동영상 올리기

티스토리는 링크주소 대신 '소스코드'를 복사해가는게 편한데요. 유튜브로 돌아와서 소스코드 탭을 클릭해 복사해주세요. iframe으로 시작하는 코드입니다.

 

티스토리 에디터에 들어가시면 오른쪽에 HTML모드로 바꾸는 체크버튼이 있습니다. 체크하시고 아까 복사했던 유튜브 HTML 코드를 붙여넣기 해주세요.

 

HTML모드를 해제하면 위와 같이 동영상이 미리보기로 뜹니다. 마찬가지로 추가로 글 작성하시고 포스팅해주면 됩니다.

 

블로그에서 유튜브 영상 자동재생 되게 하는 법  

블로그 글 페이지가 열리면 유튜브 영상이 자동재생이 되도록 하는 법이 추가로 있는데요. HTML 코드를 건드리면 가능합니다.

위의 코드를 이용하면 되는데요. 아까 복사했던 코드에 추가로 삽입하면 됩니다.

 

삽입하는 위치는 위 캡쳐화면처럼 하면 되는데요. 유튜브주소에서 embed/ 다음으로 오는 영상코드를 복사해서 추가코드 뒷쪽에 붙이고 그 코드를 화살표 위치로 붙여넣기하세요.

 

 

보기 편하게 하기위해서 문단을 끊어서 보여드리겠습니다. HTML코드 수정할 때는 enter키를 쳐도 영향이 없기 때문에 이상태로 냅둬도 유튜브 영상은 연결이 되고 재생이 됩니다.

 

위와같이 코드를 수정해서 글을 쓰면 유튜브 영상이 자동 재생된답니다. 조금 복잡하게 느껴질 수도 있는데요. 한 번 해보시면 저 코드만 따로 저장해놓고 나중에 또 복사해서 쓰시면 되기 때문에 간편합니다.

 

지금까지 블로그에 유튜브 동영상 올리는 법에 대해 알아봤는데요. 좋은 영상과 결합한 좋은 콘텐츠를 많이 쌓으셔서 좋은 블로그 만드시길 바랍니다.