Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagejs
titlesynapeditor.config.js
'editor.upload.video.embedURLTransformers': {
    'youtube.com': {
        pathParts: [{
            'shorts',: 'live'],https://www.youtube.com/embed/{id}',
          parameter      'live': 'vhttps://www.youtube.com/embed/{id}',
        },
  embedTemplate      parameters: {
            'v': 'https://www.youtube.com/embed/{id}'
        }
    },
    'youtu.be': {
        pathParts: [''],{
            embedTemplate'': 'https://www.youtube.com/embed/{id}'
        }
    },
    'tv.naver.com': {
        pathParts: ['v'], {
            'v': 'https://tv.naver.com/embed/{id}',
               embedTemplate 'l': 'https://tv.naver.com/embed/{id}'
        }
    },
    'tv.kakao.com': {
        pathParts: ['v', 'cliplink'], {
            'livelink': 'https://play-tv.kakao.com/embed/player/livelink/{id}',
                'cliplink': 'https://play-tv.kakao.com/embed/player/cliplink/{id}',
                 embedTemplate   'v': 'https://play-tv.kakao.com/embed/player/cliplink/{id}'
        }
    },
    'play-tv.kakao.com': {
        pathParts: ['v', 'cliplink'] {
            'livelink': 'https://play-tv.kakao.com/embed/player/livelink/{id}',
                'cliplink': 'https://play-tv.kakao.com/embed/player/cliplink/{id}',
        embedTemplate            'v': 'https://play-tv.kakao.com/embed/player/cliplink/{id}'
        },
    },
    'chzzk.naver.com': {
        pathParts: ['clips'],{
            embedTemplate'clips': 'https://chzzk.naver.com/embed/clip/{id}'
        }
    },
    'vod.sooplive.co.kr': {
        pathParts: ['player'], {
            embedTemplate'player': 'https://vod.sooplive.co.kr/player/{id}/embed'
        }
    },
    'vimeo.complay.sooplive.co.kr': {
        pathParts: [''],{
            '': 'https://play.sooplive.co.kr/lcg0935/280079054/embed'
        }
    },
    'vimeo.com': {
        pathParts: {
            embedTemplate'': 'https://player.vimeo.com/video/{id}'
        }
    },
    'player.vimeo.com': {
        pathParts: {
            'video': 'https://player.vimeo.com/video/{id}'
        }
    },
}


구성설명예시
pathParts

URL에서 ID 앞에 위치한 경로(Path)를 나타냅니다.

parameter

URL에서 ID가 특정 키의 값으로 설정된 파라미터를 의미합니다.

embedTemplate

URL을 embed 형태로 변환하기 위한 템플릿입니다.

  • embedTemplate: 'https://youtube.com/embed/{id}' - ID를 이용해 embed 형태의 YouTube URL로 변환
Note

embedTemplate 형태로 URL을 변환할 때 기존 Domain과 변환된 URL의 Domain이 달라질 경우,

editor.upload.video.embedURLTransformers에 새로운 Domain을 등록해야 비디오를 iframe으로 생성이 가능합니다.

ex)

Code Block
languagejs
titlesynapeditor.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으로 변경됩니다.

이 경우, player.vimeo.com을 editor.upload.video.embedURLTransformers에 등록해야 iframe으로 생성됩니다.


...