마커 팝업에 동영상, 텔레그램 게시물 및 기타 미디어 추가하기
마커 팝업에 동영상, 오디오 클립, 지원되는 소셜 미디어 게시물을 삽입할 수 있습니다. 보는 사람은 팝업 안에서 미디어를 재생할 수 있습니다.
삽입 코드 추가하기
- 상단 도구 모음에서 편집/측정 도구를 선택하세요.
단축키: 또는 키보드에서 "Q" 버튼을 누르셔도 됩니다.
- 마커를 클릭하세요. 편집 창이 열립니다.
- 고급 편집을 클릭하세요.
- 설명 상자 상단의 HTML을 클릭하세요.
- 동영상 사이트에서 가져온 삽입 코드를 붙여넣기하세요. 대부분의 사이트에는 이 코드를 제공하는 삽입(Embed) 옵션이 있는 공유 버튼이 있습니다.
- 저장을 클릭하세요.
결과를 확인하려면 손 도구를 선택하고 마커를 클릭하세요. 팝업에 재생기가 나타납니다.
편집 중에 비주얼로 다시 전환하면 동영상은 [[Embed url="..."]]와 같은 대괄호로 묶인 짧은 코드로 표시됩니다. 이 짧은 코드는 저장하면 다시 재생기로 변환됩니다.
삽입 가능한 사이트
다음 사이트의 삽입 코드는 팝업 안에서 재생됩니다:
- 동영상: YouTube(youtube-nocookie.com 포함), Vimeo, TikTok, Instagram, Facebook 동영상, Twitch, Dailymotion, Loom, Wistia, Streamable, Rumble, Internet Archive.
- 텔레그램: 공개 채널의 게시물.
- 오디오: Spotify, SoundCloud, Bandcamp.
- 기타: Google Docs, Google 드라이브 파일 미리보기, Google 지도 삽입, Matterport 투어, 웹에 게시된 Power BI 보고서, Scribble Maps 지도.
참고: 그 외 다른 사이트의 삽입 코드는 저장 시 제거됩니다. 이 제한은 삽입된 콘텐츠의 보안을 보호하기 위한 것입니다. 이는 사용자 본인의 웹사이트에 있는 동영상 재생기에도 동일하게 적용됩니다. 직접 호스팅하는 동영상을 표시하려면 동영상 파일에 직접 링크하세요(아래 참조).
각 사이트 자체의 규칙은 팝업 안에서도 그대로 적용됩니다. 예를 들어, 비공개이거나 삭제된 게시물은 해당 사이트의 "찾을 수 없음" 메시지를 표시합니다.
텔레그램 게시물
두 가지 방식의 코드를 모두 사용할 수 있습니다:
- 텔레그램 자체 게시물 메뉴에서 제공하는 삽입(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 숫자를 변경하여 재생기를 더 크거나 작게 만드세요. 텔레그램 자체 삽입 코드는 너비 400, 높이 500의 재생기가 됩니다. 변환된 후에도 이 숫자들을 변경할 수 있습니다.
참고 항목
최근 업데이트