미디어 임베드 애드온

0.4.0 업데이트 (21-06-26)

 

- 업데이트 내용은 여기를 참조

- 0.4.0부터는 프로알라 에디터에 대한 지원이 포함되지 않습니다. 업로드된 파일에 프로알라 에디터 부분이 있기는 하지만, 그 기능은 0.3 버전과 다르지 않습니다.

 

 

1. 소개 

 

CK에디터에 주요 미디어의 url 링크를 붙여넣으면 바로 임베드시켜주는 애드온입니다.

• 라이믹스 2.0.12
• PHP 7.4
• 크롬 버전 89.0.4389.114(공식 빌드) (64비트)
• CK에디터4(라이믹스 내장)

등의 환경에서 테스트되었습니다.

따라서 사용환경에 따라, 브라우저에 따라 이슈가 있을 수 있습니다.

 

 

2. 설정

 

또한 원활한 임베딩을 위해 관리자 페이지에서 다음과 같은 설정이 필요합니다.

 

1. 설정 > 시스템 설정 > 보안 설정 > iframe에 다음을 추가

m.afreecatv.com
player.audiop.naver.com
codepen.io
www.dailymotion.com
www.facebook.com
www.imdb.com
www.instagram.com
jsfiddle.net
tv.kakao.com
tv.naver.com
prezi.com
www.redditmedia.com
www.slideshare.net
w.soundcloud.com
open.spotify.com
embed.ted.com
www.tiktok.com
play.tvcf.co.kr
clips.twitch.tv
player.twitch.tv
platform.twitter.com
player.vimeo.com
vlive.tv
www.youtube.com
vod.afreecatv.com
www.airbnb.co.kr
www.airbnb.com
bandcamp.com
codesandbox.io
share.ellentube.com
giphy.com
gfycat.com
imgur.com
jjalbot.com
www.relive.cc
streamable.com
tenor.com
embed.tumblr.com

2. 설정 > 시스템 설정 > 보안 설정 > HTML class에 다음을 추가

media_embed
fb-post
fb_iframe_widget_fluid_desktop
fb-xfbml-parse-ignore
fb-video
instagram-media
instagram-media-rendered
tiktok-embed
twitter-status
twitter-timeline
airbnb-embed
audioclip-embed
bandcamp-embed
codepen-embed
codesandbox-embed
fb_iframe_widget
flickr-embed
flickr-embed-video
giphy-embed
giphy-embed-photo
giphy-embed-video
gfycat-embed
gfycat-embed-group
gfycat-embed-single
imgur-embed
imgur-embed-iframe-pub
instagram-embed
jjalbot-embed
jsfiddle-embed
nico-embed-live
nico-embed-video
pinterest-embed
pinterest-pin
pinterest-board
pinterest-profile
reddit-embed
relive-embed
soundcloud-embed
spotify-embed
tenor-video-embed
tumblr-post
tumblr-embed
tumblr-embed-loaded
twitter-list
twitter-profile
twitter-tweet
youtube-shorts

3. 에디터 > 공통 설정 > '플러그인 제거' 입력란에 iframe 을 기입

 

 

3. 지원 사항

 

본 애드온은 미디어 임베딩과 관련하여 다음과 같은 사항을 지원합니다.

서비스	비고	썸네일
아프리카TV	클립 및 라이브 영상 지원	썸네일
Airbnb	숙소, 체험
오디오클립	(네이버에서 제공하는 오디오북)	썸네일
Codepen		썸네일
Code Sandbox		썸네일
Dailymotion		썸네일
Ellentube		썸네일
Facebook	Post와 Video만 지원
Flickr		썸네일
Giphy		썸네일
Gfycat		썸네일
Imgru		썸네일
Instagram	Post만 지원
IMDb	Video만 지원	썸네일
짤봇		썸네일
JSFiddle
카카오TV	클립 및 라이브 영상 지원	썸네일
MLB.com	자막 지원(재생 loop는 제어 안 됨)	썸네일
네이버TV	클립 및 라이브 영상 지원	썸네일
Niconico (ニコニコ)	비디오, 라이브 영상 지원	썸네일
Pinterest	핀, 보드, 프로필 지원	썸네일
Prezi	프리젠테이션 및 영상 지원	썸네일
Reddit
Relive		썸네일
SlideShare		썸네일
SoundCloud		썸네일
Spotify	미리듣기만 지원
Streamable		썸네일
TED		썸네일
Tenor		썸네일
Tiktok		썸네일
TVCF	(한국 광고 영상 서비스)	썸네일
Tumblr	포스트 지원	썸네일
Twitch		썸네일
Twitter	프로필 타임라인, 프로필 리스트, Post만 지원
Vimeo		썸네일
Vlive		썸네일
Youtube		썸네일

 

 

4. 데모

 

(CK에디터에 한정하여) 다음 url에서 미디어 임베드를 확인해보실 수 있습니다.

https://dev.aporia.blog/board_fKje44/category/35668

 

 

5. 버그 제보 및 건의

 

이곳 댓글은 소통이 제한적이어서 토픽게시판에서 버그 제보 및 의견을 듣고자 합니다.

https://xetown.com/topics/1564294

의견은 이쪽에서 남겨주세요~