마커 팝업에 동영상, Telegram 게시물 및 기타 미디어 추가하기

마커의 팝업 내에 동영상, 사운드 클립 또는 소셜 미디어 게시물을 넣을 수 있습니다. 팝업 내에서 바로 재생되므로 시청자가 지도를 벗어나지 않습니다.

임베드 코드 추가하기

상단 도구 모음에서 Edit/Measure Tool을 선택합니다(또는 Q를 누릅니다).
마커를 클릭합니다. 마커의 편집기 창이 열립니다.
Advanced Editing을 클릭합니다.
설명 상자 상단의 HTML을 클릭합니다.
동영상 사이트에서 가져온 임베드 코드를 붙여넣습니다. 대부분의 사이트에는 이 코드를 제공하는 Embed 옵션이 포함된 Share 버튼이 있습니다.
Save를 클릭합니다.

확인하려면 Hand Tool을 선택하고 마커를 클릭합니다. 팝업에 플레이어가 표시됩니다.

편집 중에 VISUAL로 다시 전환하면 동영상이 [[Embed url="..."]]와 같이 대괄호 안의 단축 코드로 표시됩니다. 이는 정상적인 현상입니다. 저장하면 다시 플레이어로 바뀝니다.

다음 사이트의 임베드 코드는 팝업 내에서 재생됩니다.

Video: YouTube(youtube-nocookie.com 포함), Vimeo, TikTok, Instagram, Facebook 동영상, Twitch, Dailymotion, Loom, Wistia, Streamable, Rumble 및 Internet Archive.
Telegram: 공개 채널의 게시물.
Audio: Spotify, SoundCloud 및 Bandcamp.
Other: Google Docs, Google Drive 파일 미리보기, Google Maps 임베드, Matterport 투어, 웹에 게시된 Power BI 보고서, Scribble Maps 지도.

다른 사이트의 임베드 코드는 저장 시 제거됩니다. 이는 보안 규칙입니다. 본인의 웹사이트에 있는 동영상 플레이어에도 동일하게 적용됩니다. 직접 호스팅하는 동영상을 표시하려면 동영상 파일에 직접 링크를 연결하세요(아래 참조).

각 사이트의 자체 규칙은 팝업 내에서도 여전히 적용됩니다. 예를 들어, 비공개 또는 삭제된 게시물은 해당 사이트의 "찾을 수 없음" 메시지를 표시합니다.

두 가지 종류의 코드 중 하나를 사용할 수 있습니다.

Telegram 자체 게시물 메뉴의 Embed 코드(<script로 시작하고 data-telegram-post가 포함됨). Scribble Maps가 이를 플레이어로 변환해 줍니다.
다음과 같이 프레임 내의 게시물 링크:

<iframe src="https://t.me/channelname/1234?embed=1" width="400" height="500"></iframe>

공개 채널의 게시물만 표시할 수 있습니다. 비공개 그룹 또는 비공개 채널의 게시물은 임베드할 수 없습니다.

동영상 파일로 직접 연결되는 링크(.mp4 또는 .webm으로 끝나고 https로 시작함)가 있는 경우, 이를 HTML에 붙여넣으세요.

<video src="https://example.com/my-video.mp4" width="400"></video>

사운드 파일의 경우 <audio src="https://example.com/my-sound.mp3"></audio>를 사용하세요.

재생 및 볼륨 컨트롤이 항상 추가되므로 시청자가 클립을 일시 중지할 수 있습니다. 동영상과 사운드는 자동으로 시작되지 않습니다.

코드의 width 및 height 숫자를 변경하여 플레이어를 더 크게 또는 작게 만드세요. Telegram 자체 Embed 코드는 너비 400, 높이 500의 플레이어가 됩니다. 변환된 후에 해당 숫자를 변경할 수 있습니다.