블로그에 페이스북 동영상을 삽입하는 방법 (티스토리, 워드프레스 등)

0

페이스북에 업로드된 동영상을 티스토리 또는 워드프레스 블로그나 사이트에 공유하고 싶은 경우 iframe 형식으로 블로그에 동영상을 삽입할 수 있습니다. 워드프레스 사이트의 경우 Facebook 임베드 블록을 사용하여 페이스북 동영상을 쉽게 삽입할 수 있습니다.

iframe 형식으로 페이스북 동영상 공유하기

페이스북 동영상을 클릭하거나 "동영상을 더 보려면 클릭하세요"를 누르면 별도의 페이지에서 동영상이 재생됩니다.

페이스북 동영상 공유하기

위와 같은 화면이 표시되면 점 세 개(...) 아이콘을 클릭하고 "퍼가기(Embed)"를 클릭합니다. 그러면 동영상을 공유할 수 있는 iframe 형식의 코드가 표시됩니다.

페이스북 동영상 퍼가기

코드를 복사하여 블로그나 사이트에서 공유할 수 있습니다. 모바일에서도 반응형으로 동영상이 표시되도록 하려면 다음 글에서 소개하는 방법을 이용할 수 있습니다.

링크된 글에서 유뷰드 동영상을 예로 들어 설명했지만 iframe 형식으로 공유하는 다른 동영상 등에도 그대로 적용할 수 있습니다. 이 방법으로 티스토리 등의 블로그와 워드프레스에서 페이스북 동영상을 공유할 수 있습니다.

워드프레스에서 페이스북 동영상 공유하기

워드프레스 사이트를 운영하는 경우 편리하게 유튜브, 비메오, 페이스북 동영상 등을 쉽게 삽입할 수 있습니다. 하지만 고전 편집기를 사용하는 경우 위에서 설명한 방법을 사용하시기 바랍니다.

먼저 페이스북 동영상에 마우스를 올리고 오른쪽 버튼을 클릭합니다.

페이스북 동영상 URL 표시

페이스북 동영상 URL이 표시되면 URL을 선택한 후에 Ctrl + C를 클릭하여 복사합니다.

블록 에디터(구텐베르크 편집기)를 사용하는 경우 블럭 추가 화면에서 임베드 > Facebook을 선택합니다.

페이스북 URL 임베드

그러면 다음과 같이 페이스북 URL을 추가할 수 있습니다.

페이스북 URL 복사

페이스북 URL에 페이스북 게시글 URL을 입력하거나 페이스북 동영상 URL을 입력할 수 있습니다.

페이스북 게시글 URL:

해외 웹호스팅 업체 중 하나인 사이트그라운드(SiteGround)에서 할인 이벤트를 오늘부터 실시하고 있습니다. 특히 GoGeek 플랜을 저렴하게 구입할 수 있습니다. 관심 있는 다음 글을 참고해보세요.

Posted by Word Creater on Monday, September 2, 2019

페이스북 동영상 URL:

랑벨글로벌 원스토어 웹사이트 리뉴얼

랑벨 글로벌 원스토어'는 랑벨이 자랑하는 주요 제품의 컨셉 및 철학 소개와 온라인 쇼핑이 동시에 가능한 워드프레스 우커머스 기반의 다국어 멀티사이트로 재구축되었습니다. 이번 디자인은 랑벨이 주는 휴식의 느낌을 자연과 함께 표현하였습니다.자연 고유의 빛을 컨셉으로 정성스럽게 찍은 사진부터 우커머스 글로벌 사이트까지 한땀한땀 디자인 된 제이티만의 스타일을 느껴보세요.http://bitly.kr/PJJFJP

Posted by 스튜디오 제이티 on Wednesday, August 21, 2019

페이스북 URL을 입력하면 "Embedded content from facebook.com can't be previewed in the editor."라는 메시지가 표시되지만 글을 저장하고 미리보기를 해보면 삽입된 게시글이나 동영상이 정상적으로 임베드(삽입)되어 있는 것을 확인할 수 있습니다.

참고:

댓글 남기기

댓글을 입력해주세요!
이름을 입력해주세요