릴리즈 3.1.0 이상
'editor.upload.video.embedURLTransformers'에 도메인을 등록하여 해당하는 URL로 비디오를 업로드 시 iframe으로 생성할 수 있습니다.
synapeditor.config.js
'editor.upload.video.embedURLTransformers': {
'youtube.com': {
pathParts: ['shorts', 'live'],
parameter: 'v',
embedTemplate: 'https://youtube.com/embed/{id}'
},
'youtu.be': {
pathParts: [''],
embedTemplate: 'https://youtube.com/embed/{id}'
},
'tv.naver.com': {
pathParts: ['v'],
embedTemplate: 'https://tv.naver.com/embed/{id}'
},
'tv.kakao.com': {
pathParts: ['v', 'cliplink'],
embedTemplate: 'https://play-tv.kakao.com/embed/player/cliplink/{id}'
},
'play-tv.kakao.com': {
pathParts: ['v', 'cliplink'],
embedTemplate: 'https://play-tv.kakao.com/embed/player/cliplink/{id}'
},
'chzzk.naver.com': {
pathParts: ['clips'],
embedTemplate: 'https://chzzk.naver.com/embed/clip/{id}'
},
'vod.sooplive.co.kr': {
pathParts: ['player'],
embedTemplate: 'https://vod.sooplive.co.kr/player/{id}/embed'
},
'vimeo.com': {
pathParts: [''],
embedTemplate: 'https://player.vimeo.com/video/{id}'
},
'player.vimeo.com': {}
}
| 구성 | 설명 | 예시 |
|---|---|---|
| pathParts | URL에서 ID 앞에 위치한 Path입니다. | pathParts: [''] // Domain 바로 뒤에 ID가 있는 경우입니다. pathParts: ['v', 'cliplink'] // ID가 '/v' 혹은 '/cliplink' Path 뒤에 있는 경우입니다. |
| parameter | URL에서 ID 앞에 위치한 Parameter입니다. | parameter: 'v' // ID가 파라미터에서 'v' 키의 값으로 설정된 경우입니다. |
| embedTemplate | URL을 embed 형태로 바꾸기 위한 템플릿입니다. | embedTemplate: 'https://youtube.com/embed/{id}' // id를 이용해 embed형태의 유튜브 URL로 변환하기 위한 템플릿입니다. embedTemplate형태로 URL을 변환할 때 기존 Domain과 embedTemplate로 변환한 URL의 Domain이 달라졌을 때, 'editor.upload.video.embedURLTransformers'에 등록되어있지 않는 Domain은 ifame으로 생성하지 않으므로 해당 Domain도 반드시 등록해주어야 합니다. synapeditor.config.js 'editor.upload.video.embedURLTransformers': {
'vimeo.com': {
pathParts: [''],
embedTemplate: 'https://player.vimeo.com/video/{id}'
},
'player.vimeo.com': {}
}
'https://vimeo.com/956202369' URL을 'https://player.vimeo.com/video/956202369'로 변환했을 때 'vimeo.com' 도메인이 'player.vimeo.com'으로 바뀌었으므로 |