[유머] 동영상 삽입, 유튜브 iframe ->embed 강제변환 등

1. 동영상 삽입 소스 embed

동영상 삽입의 대표 소스는 'embed'입니다.

식으로 영상 주소와 보여질 크기를 설정하는 내용으로 구성됩니다.

이 소스를 게임조선 내 게시판에 글을 쓰실 때, '소스보기' 형태로 전환하여 붙여넣으시면 됩니다.

↑ 소스보기 전환을 위해서는 '소스보기' 버튼을 클릭

※ <object .....="" 잡코드="" 삭제<="" strong="">

보통 동영상 삽입 소스를 가져오면 '

'object' 소스는 텍스트나 이미지외의 외부 프로그램을 불러오는 데 필요한 기본적인 환경을 제공하기 소스입니다. Flash나 동영상 등이 이에 해당합니다.

Flash를 구동하기 위해서는 Flash 플레이어가 동영상을 플레이하기 위해서는 동영상 플레이어가 필요하겠죠? 여기서 해당 콘텐츠는 flash 플레이어를 혹은 동영상 플레이어를 불러와라라는 등의 내용을 포함하는 것입니다. 해당 구동 프로그램이 없다면, 외부에서 해당 프로그램을 가져와 설치하라라는 명령을 하라는 것도 내용에 포함됩니다. 통상 이런 구동 프로그램들을 ActiveX라고 하지요.

하지만 일반적으로 flash나 동영상은 자주 쓰는 포멧이다 보니, 윈도우 자체적 혹은 인터넷 브라우저에서 자체적으로 인식을 해 구동해줍니다. 즉, 'object' 소스 없이 'embed'만으로도 충분히 돌아갑니다. 필요없는 소스라는 것이겠죠.

그래서, 영상 소스를 가져올 때 깔끔히 가져오려면 embed 소스만 가져오거나 object소스를 지워버립니다.

참고로, 게임조선의 경우 이 'object' 소스를 막아뒀기 때문에 object 소스까지 통채로 가져오면 아래와 같이 지저분한 소스가 따라 붙는다는 것도 알아두셨으면 좋겠습니다. embed소스만 남기고 나머진 지워주시면 해결됩니다.

↑ object소스 때문에 동영상 위가 지저분하게 표시된다.

2. 유튜브 영상 삽입

동영상 사이트 중 가장 대표적인 유튜브의 영상을 삽입하는 것을 예로 들어보겠습니다.

ㄱ. youtube.com 원본 페이지 찾아가기
유튜브 영상을 삽입하기 위해서는 우선 영상 하단에 'YouTube'라는 아이콘을 눌러 'youtube.com' 사이트에 올려진 원본 페이지를 찾아갑니다.

ㄴ.embed 소스 구하기
영상 하단에 보면 공유라는 버튼이 있습니다.
아래 이미지 처럼 '공유' 버튼 클릭 -> '소스 코드' 클릭을 하면 영상 삽입을 위한 소스를 볼 수 있습니다.

유튜브에서 기본적으로 제공하는 영상 삽입 소스는 특이하게도 embed가 아닌 iframe입니다.
iframe의 경우는 어떤 내용이던 보여줄 수 있는 가상의 공간을 만드는 소스입니다.

게임조선내에서는 iframe을 사용할 수 없게 해뒀기에, embed소스로 변경해야 하며, 이 과정을 유튜브에서 제공합니다.

'이전 소스 코드 사용'이라는 항목입니다. 이를 'v' 체크해줍니다.

※ iframe에 대해서...

아래는 이전 소스 코드 사용 체크를 안했을 때, 기본적으로 제공하는 iframe 소스입니다.
붉은 밑줄을 보시면 iframe으로 위와는 다르다는 것을 알 수 있습니다.

iframe은 가상의 공간을 만들어 그 안에 내가 원하는 것을 마음대로 넣겠다는 소스입니다.

내부 내용은 해당 iframe을 붙이는 외부 사이트의 게시판 사용 규칙에 전혀 영향을 받지 않습니다. 때문에 낚시테크, 해킹, 바이러스 유포등 여러 위험을 안고 있습니다.

그래서 여러 사이트에서 사용을 막아두는 소스이기도 합니다. 게임조선 역시 막혀있습니다.

ㄷ. 소스 붙여넣기

위에서의 embed 소스를 복사하면 다음과 같습니다. 문제는 object라는 불필요한 소스까지 따라온다는 것입니다.

아래에서 붉은색으로 된 '

<object width="420" height="315">

▼ ▽

이것을 게시판 소스편집 상태에서 붙여넣으시면 영상 삽입은 끝!

3. 이전 소스 보기를 제공 안 할 경우

하지만 아래 이미지와 같이 youtube에서 '이전 소스 보기' 옵션을 제공 안하는 경우도 있습니다. embed소스를 쓰지 말고 iframe소스만 써라라는 의도인데요.

이런 경우, 직접 소스를 수정해 embed로 바꿔줄 수가 있습니다.

바꿔주는 부분은 아래 붉은 표시가 된 '

''' 을 ''로
'/embed/'를 '/v/'로

바꿔줍니다.

맨뒤에 테그를 닫는 은 아예 없어도 무방합니다. 역시 마찬가지

<iframe width="420" height="315" src="http://www.youtube.com/embed/3076rYi2YNE" frameborder="0" allowfullscreen>iframe>

▼ ▽

<embed width="420" height="315" src="http://www.youtube.com/v/3076rYi2YNE" frameborder="0" allowfullscreen>embed>

이렇게 만들어진 영상 삽입 소스를 '소스보기' 상태에서 붙여넣어주면 끝!