Scribble Maps 說明中心
變更語言

在標記彈出視窗中加入影片、Telegram 貼文和其他媒體

您可以在標記彈出視窗中嵌入影片、音訊片段和支援的社群媒體貼文。檢視者可以直接在彈出視窗中播放媒體。

新增嵌入碼

  1. 在頂端工具列中選取編輯/測量工具。
    快速鍵:您也可以按下鍵盤上的「Q」鍵。
  2. 點選標記,就會開啟其編輯器視窗。
  3. 點選進階編輯。
  4. 點選說明方塊頂端的 HTML。
  5. 貼上影片網站提供的嵌入碼。大多數網站都有分享按鈕,其中的嵌入選項會提供這段程式碼。
  6. 點選儲存。

若要檢查結果,請選取手型工具並點選標記。播放器會顯示在彈出視窗中。

如果您在編輯時切換回視覺模式,影片會以方括號中的簡短代碼顯示,例如 [[Embed url="..."]]。儲存時,這段簡短代碼會轉換回播放器。

可嵌入的網站

來自下列網站的嵌入碼可在彈出視窗中播放:

  • 影片:YouTube(包括 youtube-nocookie.com)、Vimeo、TikTok、Instagram、Facebook 影片、Twitch、Dailymotion、Loom、Wistia、Streamable、Rumble 和 Internet Archive。
  • Telegram:公開頻道的貼文。
  • 音訊:Spotify、SoundCloud 和 Bandcamp。
  • 其他:Google 文件、Google 雲端硬碟檔案預覽、Google 地圖嵌入內容、Matterport 導覽、已發布到網路的 Power BI 報表,以及 Scribble Maps 地圖。

注意:來自其他網站的嵌入碼會在儲存時被移除。此限制是為了保障嵌入內容的安全性,也同樣適用於您自己網站上的影片播放器。若要顯示您自行託管的影片,請直接連結影片檔案(請參閱下方說明)。

各網站的規則在彈出視窗中仍然適用。例如,私人或已刪除的貼文會顯示該網站的「找不到」訊息。

Telegram 貼文

您可以使用以下任一種程式碼:

  • Telegram 貼文選單中提供的嵌入碼(以 <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 自己的嵌入碼會轉換為寬 400、高 500 的播放器。轉換後,您可以變更這些數字。

另請參閱

最後更新