Page History

...

Code Block

language	js
title	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

Domain 바로 뒤에 ID가 있는 경우입니다.
https://youtu.be/-VI9Jp5807s

pathParts: ['v', 'cliplink'] // ID가 '/v' 혹은 '/cliplink' Path 뒤에 있는 경우입니다.
'https://tv.kakao.com/v/450845944', 'https://tv.kakao.com/channel/1615/cliplink/450926200'

parameter

URL에서

ID 앞에 위치한 Parameter입니다

ID가 키 값으로 설정된 Parameter 키입니다.

parameter: 'v' // ID가 파라미터에서 'v' 키의 값으로 설정된 경우입니다.
'https://www.youtube.com/watch?v=-VI9Jp5807s'

embedTemplate

URL을 embed 형태로 바꾸기 위한 템플릿입니다.

embedTemplate: 'https://youtube.com/embed/{id}' // id를 이용해 embed형태의 유튜브 URL로 변환하기 위한 템플릿입니다.

Note

embedTemplate형태로 URL을 변환할 때 기존 Domain과 embedTemplate로 변환한 URL의 Domain이 달라졌을 때,

'editor.upload.video.embedURLTransformers'에 등록되어있지 않는 Domain은 ifame으로 생성하지 않으므로 해당 Domain도 반드시 등록해주어야 합니다.

ex)

Code Block

language	js
title	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'으로 바뀌었으므로
'player.vimeo.com'를 위 처럼 'editor.upload.video.embedURLTransformers'에 등록해주어야 iframe으로 생성됩니다.

원본 URL	변환된 URL
https://tv.naver.com/v/67134646 Image Modified	https://tv.naver.com/embed/67134646 Image Modified	Image Modified

Space shortcuts

Page tree

Versions Compared

Old Version 1

New Version 2

Key