비메오에서 embed코드(old code)로 영상 퍼가기

 

  

 

 

  

 

 

프라임에셋 24본부장 문주원

비메오 embed..old code

iframe이 안된다면... old code가 있다.

글,그림 : 본인작성

 

 

 

 

 

시작전.. | 일반적인 share방법

 

 

티스토리에서는 iframe이 적용이 되므로 일반적인 영상 퍼가기가 용이합니다.

예전에 작성한 포스팅이 있으니 티스토리 유저는 구지 old code를 사용할 필요가 없으니 참고하시기 바랍니다.

 

[IT/PROGRAM/REVIEW] - 비메오(VIMEO)에서 동영상 블로그로 퍼오기&퍼가기

 

[IT/PROGRAM/REVIEW] - 비메오(VIMEO) 설정-셋팅하기

 

 

 

old code | embed code 생성

 

블로거가 가장 많은 네이버에서는 현재 iframe 을 적용하지 못하므로 비메오에서 share버튼을 눌러 코드를 단순 복사해오면 퍼오기를 실패합니다.

그렇다면... iframe을 지원하지 않는 블로그와 카페등의 게시판에서 어떻게 영상을 퍼와야 할까요?

 

비메오에서는 현재 기본이 되는 iframe외에 old code인 embed 코드를 동시에 제공하고 있습니다. 

즉, embed코드 소스를 복사해서 붙여넣기를 해주면 되는 것이죠..^^

방법은 아주 간단합니다. 

old code가 어디에 있는지만 찾아주면 되는 것입니다. 

 

 

 

영상에서 비행기 모양의 share버튼을 눌러주면 다른 소셜미디어와 공유하기위한 옵션이 나옵니다. 

여기서 +show options버튼을 눌러줍니다. 

 

 

 

 

 

위 그림에서 show options버튼 보이시죠?

그 아래에는 iframe코드가 나와 있습니다. 티스토리로 퍼갈경우는 그냥 이 소스를 복사해서 붙여넣기 해주면 끝!

하지만 네이버는 iframe코드를 지원하지 않습니다. ㅡㅡ;

그래서 한번 더 작업을 해줘야만 합니다. ^^

 

 

 

 

더보기 옵션을 눌렀더니 팝업창이 길어지면서 세부항목을 수정할 수 있는 옵션들이 나옵니다.

영상의 사이즈, 색상, 타이틀, 자동플레이등을 설정할 수 있습니다.

여기서 우측하단에 Use old embed code 글씨가 보입니다.

<<<<<찾았네요!!!>>>>

현재상태은 iframe상태이나 이 글씨를 클릭하면 embed code로 소스가 바뀝니다.

 

 

 

 

 

embed 박스안에 소스가 바뀐것을 확인하셨나요?

네이버에 이 영상을 담기위해서는 바로 이 코드가 필요합니다.

코드를 복사하기전 사이즈, 색상등의 옵션을 결정한후 소스를 복사합니다.

 

 

 

 

 

 

네이버에서| embed vs iframe

 

이제 네이버에서 html 상태에서 embed코드와 iframe 코드를 동시에 붙여넣기 해보겠습니다. 

 

 

 

글쓰기 상태에서 html로 변경후 두가지 코드를 붙여넣기 해 봤습니다.

위에는 비메오에서 old embed code를 ..... 아래에는 기본 세팅으로 적용되는 iframe code를 각각 붙여넣기 했습니다.

결과는.....

 

 

뻔하자나요... 네이버는 iframe 적용이 안된다고 누차 말씀드렸으니.... 안되겠죠?^^

 

 

 

동일한 영상을 가지고 코드만 바꿨을 뿐인대... 역시나 iframe은 일반 텍스트로 인식을 해 버립니다.

하지만 old embed code를 적용하니 정상적으로 영상이 재생됩니다. ^^