Daum에 YouTube 동영상 올리는 방법

유튜브 동영상을 다른 웹 사이트에 올리는 팁은 왠만한 분들은 다 아시는 내용이고

저 또한 예전에도 포스팅했던 중복 내용이지만 제가 속한 특정 그룹을 위해 다시

포스팅해 가져 가려고 합니다.


얼마전 아는 지인들과 술자리를 갖고 대화를 나누던 중 약간은 놀라운 사실을 알았는데요.

아직도 일부 중장년층에서 인터넷 연결 브라우저는 인터넷 익스플로러(IE)만 있는 줄

알고 있다는 사실입니다.

인터넷 연결 브라우저는 자신이 편하게 생각하는 브라우저를 사용하시면 되지만

구글에 접속하거나, 유튜브에 방문하려면 구글이 개발한 웹 브라우저 크롬(Chrome)으로

접속하면 좀 더 편안하실 텐데요.

크롬 다운로드는 IE로 구글에 접속해 구글 첫 페이지에서 쉽게 PC에 설치할 수 있습니다.


구글 바로가기


유튜브동영상퍼가기_1



           유튜브 동영상 소스 코드 가져오기


서두가 오늘 제목과는 안 맞게 옆으로 잠깐 흘렀는데요.

IE가 됐든, 크롬이 됐든 유튜브에 접속을 해 봅시다. 유튜브 바로가기

간략한 설명을 위해 아래 부터는 번호를 붙이도록 하겠습니다.

1.

유튜브에 접속해 눈여겨 본 동영상이 없다면 퍼 오려는 동영상 검색을 위해 검색창에 검색어를 입력합니다.

이해를 돕기 위해 저는 음악 동영상을 검색하려 하는데요.

팝음악 If(제목) bread(가수)로 검색을 해 보겠습니다.(제목과 가수 이름은 순서가 바뀌어도 상관없슴)

검색어를 입력하고 키보드 엔터 키를 누르면 검색 결과 목록이 주르륵 열리는데요.

마음에 드는 영상을 선택하면 동영상이 자동 재생됩니다.

유튜브동영상퍼가기_2

2.

선택된 동영상이 재생되면서 동영상 아래에는 동영상 정보들이 표시되는데요.

동영상 올린이의 구독 버튼 아래 공유 탭을 클릭합니다.

유튜브동영상퍼가기_3


3.

펼쳐진 메뉴에서는 소스 코드 탭을 누르시구요.

유튜브동영상퍼가기_4


4.

iframe으로 표시되는 파랗게 블록 설정된 부분이 기본 소스 코드이구요.

이 소스 코드를 복사해 티스토리, 다음 블로그, 다음 카페에 올려도 재생에는 아무 문제가 없는데요.

소스 코드 아래 더보기를 눌러 볼까요?

유튜브동영상퍼가기_5



5.

페이지가 미리보기 화면으로 펼쳐지고, 이 미리보기 화면에서 옵션을 줄 수 있는데요.

하단의 동영상 크기 옆 기본 크기가 420X315로 되어 있는 드롭 다운 버튼을 눌러 동영상 크기를 조절할 수 있고

아래 그림에서 붉은 상자로 표시된 기본 체크 옵션을 체크 해제하거나,하위 메뉴인

개인정보 강화 모드나, 이전 소스 코드를 체크로 사용할 수 있고, 미리보기 화면에서의 옵션들은

체크나 체크 해제의 클릭 여부로 소스 코드가 자동 생성되므로 그대로 복사해 사용하시면 됩니다.

유튜브동영상퍼가기_6


6.

예시로 든 이 동영상의 기본 주소는

<iframe width="420" height="315" src="//www.youtube.com/embed/qGfVOdTiUEc"

frameborder="0"allowfullscreen></iframe>입니다.

저는 동영상의 크기를 480 X 360으로 지정하고, 동영상이 완료되면 추천 동영상 표시 옵션을 체크 해제했는데요.

유튜브동영상퍼가기_7


이 옵션의 소스 코드는...

<iframe width="480" height="360" src="//www.youtube.com/embed/qGfVOdTiUEc?rel=0"

frameborder="0" allowfullscreen></iframe>입니다.

이 소스 코드를 작은 화면의 모바일 기기를 배려한 가로폭 조정과 자동 재생 1회 옵션으로 수정해 Daum으로

가져 갈 겁니다.

<iframe width="100%" height="360" src="//www.youtube.com/embed/qGfVOdTiUEc?rel=0&autoplay=1

frameborder="0" allowfullscreen></iframe>

연습용 소스 코드  모바일 및 자동재생 1회 소스 코드.txt



           Daum에 유튜브 동영상 올리기


티스토리 블로그, 다음 블로그, 다음 카페는 글쓰기에서 똑같은 에디터를 사용하므로 공통된 사항입니다.

다만 일부 다음 카페에서는 운영진이 아이프레임 소스 코드 사용을 제한하는 게시판이 있기 때문에

이전 소스 코드인 임베드로 전환할 필요도 있습니다.

1.

일단 제가 운영하는 카페로 왔는데요.

글쓰기를 클릭하고 HTML에 체크 해제된 상태에서 에디터 메뉴의 외부컨텐츠 탭을 클릭합니다.

유튜브동영상퍼가기_8


2.

html으로 체크된 상태로 멀티미디어 첨부 창이 열리면 소스입력란에 복사된 유튜브 동영상 소스 코드를 붙여넣기하고

확인 버튼을 누릅니다.

                      유튜브동영상퍼가기_9


3.

외부 컨텐츠 업로드가 완료되면 순서는 없지만 글 제목과 가사나 동영상 정보 등을 입력하고 확인 버튼을

누르면 티스토리 블로그나 다음 블로그,카페에서 유튜브 동영상 올리기는 완료됩니다.

간단하지요.....?  이상입니다.

유튜브동영상퍼가기_







댓글

Designed by JB FACTORY