将视频、Telegram 帖子和其他媒体添加到标记弹出窗口
您可以将视频、音频剪辑或社交媒体帖子放入标记的弹出窗口中。它会直接在弹出窗口中播放,因此观看者无需离开您的地图。
添加嵌入代码
- 在顶部工具栏中选择 Edit/Measure Tool(或按 Q)。
- 点击标记。其编辑器窗口将打开。
- 点击 Advanced Editing。
- 点击描述框顶部的 HTML。
- 粘贴来自视频网站的嵌入代码。大多数网站都有一个带有 Embed 选项的 Share 按钮,可以为您提供此代码。
- 点击 Save。
要进行检查,请选择 Hand Tool 并点击标记。播放器将显示在弹出窗口中。
如果您在编辑时切换回 VISUAL,视频将显示为方括号中的短代码,例如 [[Embed url="..."]]。这是正常现象。保存后它会重新变回播放器。
您可以嵌入的网站
来自以下网站的嵌入代码可在弹出窗口内播放:
- 视频:YouTube(包括 youtube-nocookie.com)、Vimeo、TikTok、Instagram、Facebook 视频、Twitch、Dailymotion、Loom、Wistia、Streamable、Rumble 和 Internet Archive。
- Telegram:来自公开频道的帖子。
- 音频:Spotify、SoundCloud 和 Bandcamp。
- 其他:Google Docs、Google Drive 文件预览、Google Maps 嵌入、Matterport 漫游、发布到 Web 的 Power BI 报告以及 Scribble Maps 地图。
保存时,来自任何其他网站的嵌入代码都将被移除。这是一项安全规则。这也适用于您自己网站上的视频播放器。要显示您自己托管的视频,请直接链接到视频文件(见下文)。
每个网站自身的规则在弹出窗口内仍然适用。例如,私密或已删除的帖子会显示该网站的“未找到”消息。
Telegram 帖子
您可以使用以下任一种代码:
- 来自 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 的播放器。您可以在转换后更改这些数值。
相关内容
- 关于将 YouTube 视频嵌入到标记描述中的文章
最后更新